Repository: PilkDrinker/PilkDots Branch: master Commit: cfffc2af6339 Files: 123 Total size: 7.3 MB Directory structure: gitextract_ibmexjik/ ├── .config/ │ ├── cava/ │ │ ├── config │ │ └── shaders/ │ │ ├── bar_spectrum.frag │ │ ├── northern_lights.frag │ │ └── pass_through.vert │ ├── fastfetch/ │ │ ├── arch.txt │ │ └── config.jsonc │ ├── hypr/ │ │ ├── hyprland.conf │ │ └── hyprland_borders.conf │ ├── hyprlock/ │ │ └── hyprlock.conf │ ├── kitty/ │ │ └── kitty.conf │ ├── rofi/ │ │ ├── config.rasi │ │ ├── rounded-blue-dark.rasi │ │ ├── rounded-common.rasi │ │ └── withBorder/ │ │ ├── config.rasi │ │ ├── rounded-blue-dark.rasi │ │ └── rounded-common.rasi │ ├── swaync/ │ │ ├── config.json │ │ ├── configSchema.json │ │ ├── style.css │ │ └── withBorders/ │ │ ├── config.json │ │ ├── configSchema.json │ │ └── style.css │ ├── waybar/ │ │ ├── alt_config/ │ │ │ ├── config │ │ │ ├── modules.json │ │ │ └── style.css │ │ ├── config │ │ ├── modules.json │ │ └── style.css │ ├── waypaper/ │ │ └── config.ini │ └── wlogout/ │ ├── layout │ └── style.css ├── .themes/ │ ├── Flat-Remix-GTK-Blue-Dark/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ ├── Flat-Remix-GTK-Blue-Dark-Solid/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ ├── Flat-Remix-GTK-Blue-Darkest/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ ├── Flat-Remix-GTK-Blue-Darkest-Solid/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ ├── Flat-Remix-GTK-Blue-Light/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ ├── gtk-dark.css │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ ├── gtk-dark.css │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ ├── Flat-Remix-GTK-Blue-Light-Solid/ │ │ ├── cinnamon/ │ │ │ └── cinnamon.css │ │ ├── gtk-2.0/ │ │ │ ├── gtkrc │ │ │ └── main.rc │ │ ├── gtk-3.0/ │ │ │ ├── gtk-dark.css │ │ │ └── gtk.css │ │ ├── gtk-4.0/ │ │ │ ├── gtk-dark.css │ │ │ └── gtk.css │ │ ├── index.theme │ │ ├── install.sh │ │ ├── libadwaita/ │ │ │ └── gtk.css │ │ └── uninstall.sh │ └── Sweet-Ambar-Blue-Dark-v40/ │ ├── cinnamon/ │ │ ├── cinnamon-dark.css │ │ └── cinnamon.css │ ├── gnome-shell/ │ │ └── gnome-shell.css │ ├── gtk-2.0/ │ │ ├── apps/ │ │ │ ├── chrome.rc │ │ │ ├── gimp.rc │ │ │ ├── libreoffice.rc │ │ │ ├── terminal.rc │ │ │ ├── thunar.rc │ │ │ └── xfce.rc │ │ ├── gtkrc │ │ └── main.rc │ ├── gtk-3.0/ │ │ ├── gtk-dark.css │ │ └── gtk.css │ ├── gtk-4.0/ │ │ ├── gtk-dark.css │ │ └── gtk.css │ ├── index.theme │ ├── metacity-1/ │ │ ├── metacity-theme-1.xml │ │ ├── metacity-theme-2.xml │ │ ├── metacity-theme-3.xml │ │ └── metacity-theme.xml │ └── xfwm4/ │ └── themerc ├── .zshrc ├── Keybinds cheat sheet ├── README.md ├── Required Fonts ├── dependencies ├── gentoo/ │ ├── package.use/ │ │ └── gtk-layer-shell │ ├── packages.accept_idontremeber/ │ │ ├── app-misc │ │ ├── dev-python │ │ ├── gui-apps │ │ └── x11-apps │ └── waypaper/ │ └── waypaper.desktop ├── install.sh └── optional ================================================ FILE CONTENTS ================================================ ================================================ FILE: .config/cava/config ================================================ ## Configuration file for CAVA. # Remove the ; to change parameters. [general] # Smoothing mode. Can be 'normal', 'scientific' or 'waves'. DEPRECATED as of 0.6.0 mode = scientific # Accepts only non-negative values. framerate = 120 # 'autosens' will attempt to decrease sensitivity if the bars peak. 1 = on, 0 = off # new as of 0.6.0 autosens of low values (dynamic range) # 'overshoot' allows bars to overshoot (in % of terminal height) without initiating autosens. DEPRECATED as of 0.6.0 autosens = 1 ; overshoot = 20 # Manual sensitivity in %. If autosens is enabled, this will only be the initial value. # 200 means double height. Accepts only non-negative values. ; sensitivity = 100 # The number of bars (0-512). 0 sets it to auto (fill up console). # Bars' width and space between bars in number of characters. bars = 256 bar_width = 1 bar_spacing = 1 # bar_height is only used for output in "noritake" format bar_height = 24 # For SDL width and space between bars is in pixels, defaults are: ; bar_width = 20 ; bar_spacing = 5 # sdl_glsl have these default values, they are only used to calulate max number of bars. ; bar_width = 1 ; bar_spacing = 0 # Lower and higher cutoff frequencies for lowest and highest bars # the bandwidth of the visualizer. # Note: there is a minimum total bandwidth of 43Mhz x number of bars. # Cava will automatically increase the higher cutoff if a too low band is specified. ; lower_cutoff_freq = 40 ; higher_cutoff_freq = 12000 # Seconds with no input before cava goes to sleep mode. Cava will not perform FFT or drawing and # only check for input once per second. Cava will wake up once input is detected. 0 = disable. ; sleep_timer = 0 [input] # Audio capturing method. Possible methods are: 'fifo', 'portaudio', 'pipewire', 'alsa', 'pulse', 'sndio', 'oss', 'jack' or 'shmem' # Defaults to 'oss', 'pipewire', 'sndio', 'jack', 'pulse', 'alsa', 'portaudio' or 'fifo', in that order, dependent on what support cava was built with. # On Mac it defaults to 'portaudio' or 'fifo' # On windows this is automatic and no input settings are needed. # # All input methods uses the same config variable 'source' # to define where it should get the audio. # # For pulseaudio and pipewire 'source' will be the source. Default: 'auto', which uses the monitor source of the default sink # (all pulseaudio sinks(outputs) have 'monitor' sources(inputs) associated with them). # # For pipewire 'source' will be the object name or object.serial of the device to capture from. # Both input and output devices are supported. # # For alsa 'source' will be the capture device. # For fifo 'source' will be the path to fifo-file. # For shmem 'source' will be /squeezelite-AA:BB:CC:DD:EE:FF where 'AA:BB:CC:DD:EE:FF' will be squeezelite's MAC address # # For sndio 'source' will be a raw recording audio descriptor or a monitoring sub-device, e.g. 'rsnd/2' or 'snd/1'. Default: 'default'. # README.md contains further information on how to setup CAVA for sndio. # # For oss 'source' will be the path to a audio device, e.g. '/dev/dsp2'. Default: '/dev/dsp', i.e. the default audio device. # README.md contains further information on how to setup CAVA for OSS on FreeBSD. # # For jack 'source' will be the name of the JACK server to connect to, e.g. 'foobar'. Default: 'default'. # README.md contains further information on how to setup CAVA for JACK. # ; method = pulse ; source = auto ; method = pipewire ; source = auto ; method = alsa ; source = hw:Loopback,1 ; method = fifo ; source = /tmp/mpd.fifo ; method = shmem ; source = /squeezelite-AA:BB:CC:DD:EE:FF ; method = portaudio ; source = auto ; method = sndio ; source = default ; method = oss ; source = /dev/dsp ; method = jack ; source = default # The options 'sample_rate', 'sample_bits', 'channels' and 'autoconnect' can be configured for some input methods: # sample_rate: fifo, pipewire, sndio, oss # sample_bits: fifo, pipewire, sndio, oss # channels: sndio, oss, jack # autoconnect: jack # Other methods ignore these settings. # # For 'sndio' and 'oss' they are only preferred values, i.e. if the values are not supported # by the chosen audio device, the device will use other supported values instead. # Example: 48000, 32 and 2, but the device only supports 44100, 16 and 1, then it # will use 44100, 16 and 1. # ; sample_rate = 44100 ; sample_bits = 16 ; channels = 2 ; autoconnect = 2 [output] # Output method. Can be 'ncurses', 'noncurses', 'raw', 'noritake', 'sdl' # or 'sdl_glsl'. # 'noncurses' (default) uses a buffer and cursor movements to only print # changes from frame to frame in the terminal. Uses less resources and is less # prone to tearing (vsync issues) than 'ncurses'. # # 'raw' is an 8 or 16 bit (configurable via the 'bit_format' option) data # stream of the bar heights that can be used to send to other applications. # 'raw' defaults to 200 bars, which can be adjusted in the 'bars' option above. # # 'noritake' outputs a bitmap in the format expected by a Noritake VFD display # in graphic mode. It only support the 3000 series graphical VFDs for now. # # 'sdl' uses the Simple DirectMedia Layer to render in a graphical context. # 'sdl_glsl' uses SDL to create an OpenGL context. Write your own shaders or # use one of the predefined ones. ; method = noncurses # Orientation of the visualization. Can be 'bottom', 'top', 'left' or 'right'. # Default is 'bottom'. Other orientations are only supported on sdl and ncruses # output. Note: many fonts have weird glyphs for 'top' and 'right' characters, # which can make ncurses not look right. ; orientation = bottom # Visual channels. Can be 'stereo' or 'mono'. # 'stereo' mirrors both channels with low frequencies in center. # 'mono' outputs left to right lowest to highest frequencies. # 'mono_option' set mono to either take input from 'left', 'right' or 'average'. # set 'reverse' to 1 to display frequencies the other way around. ; channels = stereo ; mono_option = average ; reverse = 0 # Raw output target. A fifo will be created if target does not exist. ; raw_target = /dev/stdout # Raw data format. Can be 'binary' or 'ascii'. ; data_format = binary # Binary bit format, can be '8bit' (0-255) or '16bit' (0-65530). ; bit_format = 16bit # Ascii max value. In 'ascii' mode range will run from 0 to value specified here ; ascii_max_range = 1000 # Ascii delimiters. In ascii format each bar and frame is separated by a delimiters. # Use decimal value in ascii table (i.e. 59 = ';' and 10 = '\n' (line feed)). ; bar_delimiter = 59 ; frame_delimiter = 10 # sdl window size and position. -1,-1 is centered. ; sdl_width = 1000 ; sdl_height = 500 ; sdl_x = -1 ; sdl_y= -1 ; sdl_full_screen = 0 # set label on bars on the x-axis. Can be 'frequency' or 'none'. Default: 'none' # 'frequency' displays the lower cut off frequency of the bar above. # Only supported on ncurses and noncurses output. ; xaxis = none # enable alacritty synchronized updates. 1 = on, 0 = off # removes flickering in alacritty terminal emulator. # defaults to off since the behaviour in other terminal emulators is unknown ; alacritty_sync = 0 # Shaders for sdl_glsl, located in $HOME/.config/cava/shaders ; vertex_shader = pass_through.vert ; fragment_shader = bar_spectrum.frag ; for glsl output mode, keep rendering even if no audio ; continuous_rendering = 0 # disable console blank (screen saver) in tty # (Not supported on FreeBSD) ; disable_blanking = 0 # show a flat bar at the bottom of the screen when idle, 1 = on, 0 = off ; show_idle_bar_heads = 1 # show waveform instead of frequency spectrum, 1 = on, 0 = off ; waveform = 0 [color] # Colors can be one of seven predefined: black, blue, cyan, green, magenta, red, white, yellow. # Or defined by hex code '#xxxxxx' (hex code must be within ''). User defined colors requires # a terminal that can change color definitions such as Gnome-terminal or rxvt. # default is to keep current terminal color background = default foreground = cyan # SDL and sdl_glsl only support hex code colors, these are the default: ; background = '#111111' ; foreground = '#33ffff' # Gradient mode, only hex defined colors are supported, # background must also be defined in hex or remain commented out. 1 = on, 0 = off. # You can define as many as 8 different colors. They range from bottom to top of screen gradient = 1 gradient_count = 4 gradient_color_1 = '#0BA6A8' gradient_color_2 = '#84B6CC' gradient_color_3 = '#84B6CC' gradient_color_4 = '#3B307C' ; gradient_color_1 = '#59cc33' ; gradient_color_2 = '#80cc33' ; gradient_color_3 = '#a6cc33' ; gradient_color_4 = '#cccc33' ; gradient_color_5 = '#cca633' ; gradient_color_6 = '#cc8033' ; gradient_color_7 = '#cc5933' ; gradient_color_8 = '#cc3333' [smoothing] # Percentage value for integral smoothing. Takes values from 0 - 100. # Higher values means smoother, but less precise. 0 to disable. # DEPRECATED as of 0.8.0, use noise_reduction instead ; integral = 77 # Disables or enables the so-called "Monstercat smoothing" with or without "waves". Set to 0 to disable. ; monstercat = 0 ; waves = 0 # Set gravity percentage for "drop off". Higher values means bars will drop faster. # Accepts only non-negative values. 50 means half gravity, 200 means double. Set to 0 to disable "drop off". # DEPRECATED as of 0.8.0, use noise_reduction instead ; gravity = 100 # In bar height, bars that would have been lower that this will not be drawn. # DEPRECATED as of 0.8.0 ; ignore = 0 # Noise reduction, int 0 - 100. default 77 # the raw visualization is very noisy, this factor adjusts the integral and gravity filters to keep the signal smooth # 100 will be very slow and smooth, 0 will be fast but noisy. ; noise_reduction = 77 [eq] # This one is tricky. You can have as much keys as you want. # Remember to uncomment more than one key! More keys = more precision. # Look at readme.md on github for further explanations and examples. ; 1 = 1 # bass ; 2 = 1 ; 3 = 1 # midtone ; 4 = 1 ; 5 = 1 # treble ================================================ FILE: .config/cava/shaders/bar_spectrum.frag ================================================ #version 330 in vec2 fragCoord; out vec4 fragColor; // bar values. defaults to left channels first (low to high), then right (high to low). uniform float bars[512]; uniform int bars_count; // number of bars (left + right) (configurable) uniform int bar_width; // bar width (configurable), not used here uniform int bar_spacing; // space bewteen bars (configurable) uniform vec3 u_resolution; // window resolution //colors, configurable in cava config file (r,g,b) (0.0 - 1.0) uniform vec3 bg_color; // background color uniform vec3 fg_color; // foreground color uniform int gradient_count; uniform vec3 gradient_colors[8]; // gradient colors vec3 normalize_C(float y,vec3 col_1, vec3 col_2, float y_min, float y_max) { //create color based on fraction of this color and next color float yr = (y - y_min) / (y_max - y_min); return col_1 * (1.0 - yr) + col_2 * yr; } void main() { // find which bar to use based on where we are on the x axis float x = u_resolution.x * fragCoord.x; int bar = int(bars_count * fragCoord.x); //calculate a bar size float bar_size = u_resolution.x / bars_count; //the y coordinate and bar values are the same float y = bars[bar]; // make sure there is a thin line at bottom if (y * u_resolution.y < 1.0) { y = 1.0 / u_resolution.y; } //draw the bar up to current height if (y > fragCoord.y) { //make some space between bars basen on settings if (x > (bar + 1) * (bar_size) - bar_spacing) { fragColor = vec4(bg_color,1.0); } else { if (gradient_count == 0) { fragColor = vec4(fg_color,1.0); } else { //find which color in the configured gradient we are at int color = int((gradient_count - 1) * fragCoord.y); //find where on y this and next color is supposed to be float y_min = color / (gradient_count - 1.0); float y_max = (color + 1.0) / (gradient_count - 1.0); //make color fragColor = vec4(normalize_C(fragCoord.y, gradient_colors[color], gradient_colors[color + 1], y_min, y_max), 1.0); } } } else { fragColor = vec4(bg_color,1.0); } } ================================================ FILE: .config/cava/shaders/northern_lights.frag ================================================ #version 330 in vec2 fragCoord; out vec4 fragColor; // bar values. defaults to left channels first (low to high), then right (high to low). uniform float bars[512]; uniform int bars_count; // number of bars (left + right) (configurable) uniform vec3 u_resolution; // window resolution, not used here //colors, configurable in cava config file uniform vec3 bg_color; // background color(r,g,b) (0.0 - 1.0), not used here uniform vec3 fg_color; // foreground color, not used here void main() { // find which bar to use based on where we are on the x axis int bar = int(bars_count * fragCoord.x); float bar_y = 1.0 - abs((fragCoord.y - 0.5)) * 2.0; float y = (bars[bar]) * bar_y; float bar_x = (fragCoord.x - float(bar) / float(bars_count)) * bars_count; float bar_r = 1.0 - abs((bar_x - 0.5)) * 2; bar_r = bar_r * bar_r * 2; // set color fragColor.r = fg_color.x * y * bar_r; fragColor.g = fg_color.y * y * bar_r; fragColor.b = fg_color.z * y * bar_r; } ================================================ FILE: .config/cava/shaders/pass_through.vert ================================================ #version 330 // Input vertex data, different for all executions of this shader. layout(location = 0) in vec3 vertexPosition_modelspace; // Output data ; will be interpolated for each fragment. out vec2 fragCoord; void main() { gl_Position = vec4(vertexPosition_modelspace,1); fragCoord = (vertexPosition_modelspace.xy+vec2(1,1))/2.0; } ================================================ FILE: .config/fastfetch/arch.txt ================================================ . / \ / \ /\ \ / \ / \ / .-. \ / | | _\ / _.' '._ \ /_.-' '-._\ ================================================ FILE: .config/fastfetch/config.jsonc ================================================ // _____ _____ _____ _____ _____ _____ _____ _____ _____ // | __| _ | __|_ _| __| __|_ _| | | | // | __| |__ | | | | __| __| | | | --| | // |__| |__|__|_____| |_| |__| |_____| |_| |_____|__|__| ASCII-ART // // by Bina, Edited by Pilk { "$schema": "https://github.com/fastfetch-cli/fastfetch/raw/dev/doc/json_schema.json", "logo": { "source": "~/.config/fastfetch/arch.txt", "padding": { "top": 1, "right": 3 } }, "display": { "separator": " > " }, "modules": [ "break", /*{ "type": "title", "color": { "user": "1", // = color2 "at": "1", "host": "1" } },*/ "break", { "type": "os", "key": "Distribution ", "keyColor": "96", }, { "type": "kernel", "key": "Kernel ", "keyColor": "96", }, { "type": "Packages", "format": "{}", "key": "Packages ", "keyColor": "96", }, { "type": "shell", "key": "Unix shell ", "keyColor": "96", }, { "type": "terminal", "key": "Terminal ", "keyColor": "96", }, { "type": "wm", "format": "{} ({3})", "key": "Window manager ", "keyColor": "96", }, /* "break", { "type": "colors", "symbol": "circle", },*/ ] } ================================================ FILE: .config/hypr/hyprland.conf ================================================ ## _ _ _ _ ## | | | |_ _ _ __ _ __| | __ _ _ __ __| | ## | |_| | | | | '_ \| '__| |/ _` | '_ \ / _` | ## | _ | |_| | |_) | | | | (_| | | | | (_| | ## |_| |_|\__, | .__/|_| |_|\__,_|_| |_|\__,_| ## |___/|_| ## ## By Pilk (2025) ## # MONITORS # monitor = DP-2, 1920x1080@165, 0x0, 1 monitor = DP-3, 1920x1080@60, 1920x0, 1 # MY PROGRAMS # $terminal = kitty $fileManager = nemo $menu = rofi -show drun -show-icons $browser = firefox # AUTOSTART # exec-once = waypaper --restore # Reloads last used wallpaper exec-once = swaync & waybar # ENVIRONMENT VARIABLES # env = XCURSOR_SIZE,24 env = HYPRCURSOR_SIZE,24 env = HYPRCURSOR_THEME, Breeze # LOOK AND FEEL general { gaps_in = 10 gaps_out = 20 border_size = 0 col.active_border = rgb(03CDFF) rgb(A200FF) 45deg #col.inactive_border = 0 resize_on_border = false allow_tearing = true layout = dwindle } decoration { rounding = 20 active_opacity = 0.9 inactive_opacity = 0.7 blur { enabled = true size = 20 passes = 2 contrast = 1 vibrancy_darkness = 0.6 vibrancy = 1.396 new_optimizations = true layerrule = blur, waybar layerrule = ignorezero, waybar layerrule = blur, rofi layerrule = ignorezero, rofi layerrule = blur, swaync layerrule = ignorezero, swaync layerrule = ignorezero, swaync #windowrule = float, rofi # noise = 0.05 ignore_opacity = true } shadow { enabled = true range = 50 ignore_window = false render_power = 40 color = rgba(0, 0, 0, 0.7) } } animations { enabled = true bezier = myBezier, 0.05, 0.9, 0.1, 1.05 animation = windows, 1, 7, myBezier, popin 10% animation = windowsOut, 1, 7, default, popin 80% animation = border, 1, 15, default animation = borderangle, 1, 15, default animation = fade, 1, 5, default animation = workspaces, 1, 6, default layerrule = animation slide, rofi } dwindle { pseudotile = true # Master switch for pseudotiling. Enabling is bound to mainMod + P in the keybinds section below preserve_split = true # You probably want this } master { new_status = master } misc { force_default_wallpaper = -1 # Set to 0 or 1 to disable the anime mascot wallpapers disable_hyprland_logo = false # If true disables the random hyprland logo / anime girl background. :( } # INPUT # input { kb_layout = se kb_variant = kb_model = kb_options = kb_rules = follow_mouse = 1 sensitivity = 0 # -1.0 - 1.0, 0 means no modification. touchpad { natural_scroll = false } } plugin { hyprgrass { gestures { workspace_swipe = true workspace_swipe_invert = false workspace_swipe_min_speed_to_force = 10 } } } device { name = epic-mouse-v1 sensitivity = -0.5 } # KEYBINDINGS # $mainMod = SUPER # Sets "Windows" key as main modifier $Print = PRINT bind = $mainMod, RETURN, exec, $terminal bind = $mainMod, Q, killactive, bind = $mainMod, M, exec, wlogout bind = $mainMod, E, exec, $fileManager bind = $mainMod, V, togglefloating, bind = $mainMod, R, exec, $menu bind = $mainMod, P, pseudo, # dwindle bind = $mainMod, J, togglesplit, # dwindle bind = $mainMod, F, fullscreen bind = $mainMod, L, exec, hyprlock -c ~/.config/hyprlock/hyprlock.conf bind = $mainMod, W, exec, waypaper bind = $mainMod + SHIFT, W, exec, waypaper --random bind = $mainMod, B, exec, firefox # Waybar bind = $mainMod, I, exec, killall waybar && waybar & disown # Screenshots bind = ,PRINT, exec, hyprshot -m output --clipboard-only bind = $mainMod, PRINT, exec, hyprshot -m region --clipboard-only bind = SHIFT, PRINT, exec, hyprshot -m output -o ~/Pictures/Screenshots # Move focus with mainMod + arrow keys bind = $mainMod, left, movefocus, l bind = $mainMod, right, movefocus, r bind = $mainMod, up, movefocus, u bind = $mainMod, down, movefocus, d bind = $mainMod, G, centerwindow # Switch workspaces with mainMod + [0-9] bind = $mainMod, 1, workspace, 1 bind = $mainMod, 2, workspace, 2 bind = $mainMod, 3, workspace, 3 bind = $mainMod, 4, workspace, 4 bind = $mainMod, 5, workspace, 5 bind = $mainMod, 6, workspace, 6 bind = $mainMod, 7, workspace, 7 bind = $mainMod, 8, workspace, 8 bind = $mainMod, 9, workspace, 9 bind = $mainMod, 0, workspace, 10 # Move active window to a workspace with mainMod + SHIFT + [0-9] bind = $mainMod SHIFT, 1, movetoworkspace, 1 bind = $mainMod SHIFT, 2, movetoworkspace, 2 bind = $mainMod SHIFT, 3, movetoworkspace, 3 bind = $mainMod SHIFT, 4, movetoworkspace, 4 bind = $mainMod SHIFT, 5, movetoworkspace, 5 bind = $mainMod SHIFT, 6, movetoworkspace, 6 bind = $mainMod SHIFT, 7, movetoworkspace, 7 bind = $mainMod SHIFT, 8, movetoworkspace, 8 bind = $mainMod SHIFT, 9, movetoworkspace, 9 bind = $mainMod SHIFT, 0, movetoworkspace, 10 # SCROLL THROGH WORKSPACES WITH TAB/SHIFT+TAB (i3 like) bind = $mainMod, TAB, workspace, e+1 bind = $mainMod_Shift, TAB, workspace, e-1 # Scroll through existing workspaces with mainMod + scroll bind = $mainMod, mouse_down, workspace, e+1 bind = $mainMod, mouse_up, workspace, e-1 # Move/resize windows with mainMod + LMB/RMB and dragging bindm = $mainMod, mouse:272, movewindow bindm = $mainMod, mouse:273, resizewindow # Laptop multimedia keys for volume and LCD brightness bindel = ,XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+ bindel = ,XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%- bindel = ,XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle bindel = ,XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle bindel = ,XF86MonBrightnessUp, exec, brightnessctl s 10%+ bindel = ,XF86MonBrightnessDown, exec, brightnessctl s 10%- # WINDOW RULESET AND WORKSPACES # windowrule = float, title:kitty windowrule = float, title:nwg-look windowrule = float, title:Waypaper ================================================ FILE: .config/hypr/hyprland_borders.conf ================================================ ## _ _ _ _ ## | | | |_ _ _ __ _ __| | __ _ _ __ __| | ## | |_| | | | | '_ \| '__| |/ _` | '_ \ / _` | ## | _ | |_| | |_) | | | | (_| | | | | (_| | ## |_| |_|\__, | .__/|_| |_|\__,_|_| |_|\__,_| ## |___/|_| ## ## By Pilk (2024) ## # MONITORS # monitor = DP-3, 1920x1080@165, 0x0, 1 monitor = DP-2, 1920x1080@60, 1920x0, 1 # MY PROGRAMS # $terminal = kitty $fileManager = nemo $menu = rofi -show drun -show-icons $browser = firefox # AUTOSTART # exec-once = waypaper --restore # Reloads last used wallpaper exec-once = swaync & waybar # ENVIRONMENT VARIABLES # env = XCURSOR_SIZE,18 env = HYPRCURSOR_SIZE,24 # LOOK AND FEEL general { gaps_in = 13 gaps_out = 20 border_size = 3 col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg col.inactive_border = rgba(595959aa) resize_on_border = false allow_tearing = true layout = dwindle } decoration { rounding = 13 # active_opacity = 0.9 # inactive_opacity = 0.8 blur { enabled = true size = 15 passes = 3 contrast = 1.5 vibrancy_darkness = 0.5 vibrancy = 1.696 new_optimizations = true # noise = 0.1 ignore_opacity = true } shadow { enabled = true range = 25 ignore_window = true render_power = 15 color = rgb(000000) } } animations { enabled = true bezier = myBezier, 0.05, 0.9, 0.1, 1.05 animation = windows, 1, 7, myBezier, popin 10% animation = windowsOut, 1, 7, default, popin 80% animation = border, 1, 15, default animation = borderangle, 1, 15, default animation = fade, 1, 5, default animation = workspaces, 1, 6, default } dwindle { pseudotile = true # Master switch for pseudotiling. Enabling is bound to mainMod + P in the keybinds section below preserve_split = true # You probably want this } master { new_status = master } misc { force_default_wallpaper = -1 # Set to 0 or 1 to disable the anime mascot wallpapers disable_hyprland_logo = false # If true disables the random hyprland logo / anime girl background. :( } # INPUT # input { kb_layout = us kb_variant = kb_model = kb_options = kb_rules = follow_mouse = 1 sensitivity = 0 # -1.0 - 1.0, 0 means no modification. touchpad { natural_scroll = false } } gestures { workspace_swipe = false } device { name = epic-mouse-v1 sensitivity = -0.5 } # KEYBINDINGS # $mainMod = SUPER # Sets "Windows" key as main modifier $Print = PRINT bind = $mainMod, RETURN, exec, $terminal bind = $mainMod, Q, killactive, bind = $mainMod, M, exec, wlogout bind = $mainMod, E, exec, $fileManager bind = $mainMod, V, togglefloating, bind = $mainMod, R, exec, $menu bind = $mainMod, P, pseudo, # dwindle bind = $mainMod, J, togglesplit, # dwindle bind = $mainMod, F, fullscreen bind = $mainMod, L, exec, hyprlock -c ~/.config/hyprlock/hyprlock.conf bind = $mainMod, W, exec, waypaper bind = $mainMod, B, exec, firefox # Waybar bind = $mainMod, I, exec, killall waybar && waybar & disown # Screenshots bind = ,PRINT, exec, hyprshot -m output --clipboard-only bind = $mainMod, PRINT, exec, hyprshot -m region --clipboard-only bind = SHIFT, PRINT, exec, hyprshot -m output -o ~/Pictures/Screenshots # Move focus with mainMod + arrow keys bind = $mainMod, left, movefocus, l bind = $mainMod, right, movefocus, r bind = $mainMod, up, movefocus, u bind = $mainMod, down, movefocus, d bind = $mainMod, G, centerwindow # Switch workspaces with mainMod + [0-9] bind = $mainMod, 1, workspace, 1 bind = $mainMod, 2, workspace, 2 bind = $mainMod, 3, workspace, 3 bind = $mainMod, 4, workspace, 4 bind = $mainMod, 5, workspace, 5 bind = $mainMod, 6, workspace, 6 bind = $mainMod, 7, workspace, 7 bind = $mainMod, 8, workspace, 8 bind = $mainMod, 9, workspace, 9 bind = $mainMod, 0, workspace, 10 # Move active window to a workspace with mainMod + SHIFT + [0-9] bind = $mainMod SHIFT, 1, movetoworkspace, 1 bind = $mainMod SHIFT, 2, movetoworkspace, 2 bind = $mainMod SHIFT, 3, movetoworkspace, 3 bind = $mainMod SHIFT, 4, movetoworkspace, 4 bind = $mainMod SHIFT, 5, movetoworkspace, 5 bind = $mainMod SHIFT, 6, movetoworkspace, 6 bind = $mainMod SHIFT, 7, movetoworkspace, 7 bind = $mainMod SHIFT, 8, movetoworkspace, 8 bind = $mainMod SHIFT, 9, movetoworkspace, 9 bind = $mainMod SHIFT, 0, movetoworkspace, 10 # Scroll through existing workspaces with mainMod + scroll bind = $mainMod, mouse_down, workspace, e+1 bind = $mainMod, mouse_up, workspace, e-1 # Move/resize windows with mainMod + LMB/RMB and dragging bindm = $mainMod, mouse:272, movewindow bindm = $mainMod, mouse:273, resizewindow # Laptop multimedia keys for volume and LCD brightness bindel = ,XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+ bindel = ,XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%- bindel = ,XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle bindel = ,XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle bindel = ,XF86MonBrightnessUp, exec, brightnessctl s 10%+ bindel = ,XF86MonBrightnessDown, exec, brightnessctl s 10%- # WINDOW RULESET AND WORKSPACES # windowrule = float, ^(kitty)$ windowrule = float, ^(waypaper)$ windowrule = animation popin, ^(kitty)$ # sets the animation style for kitty windowrule = noblur, ^(firefox)$ # disables blur for firefox windowrule = opacity 1.0 override 1.0 override 1 override, ^(firefox)$ # windowrule = noblur, ^(vesktop)$ # disables blur for firefox # windowrule = opacity 1.0 override 1.0 override 0.8 override, ^(vesktop)$ # windowrule = opacity 1.0 override 0.6 override 0.6 override, ^(tidal-hifi)$ windowrulev2 = suppressevent maximize, class:.* # You'll probably like this. ================================================ FILE: .config/hyprlock/hyprlock.conf ================================================ general { grace = 0 } background { monitor = path = ~/wallpaper/blue.jpg blur_size = 4 blur_passes = 0 # 0 disables blurring noise = 0.0117 contrast = 1.3000 # Vibrant!!! brightness = 0.8000 vibrancy = 0.2100 vibrancy_darkness = 0.0 } input-field { monitor = size = 250, 50 outline_thickness = 3 dots_size = 0.26 # Scale of input-field height, 0.2 - 0.8 dots_spacing = 0.15 # Scale of dots' absolute size, 0.0 - 1.0 dots_center = true dots_rounding = -1 # -1 default circle, -2 follow input-field rounding outer_color = rgb(11111b) inner_color = rgb(11111b) font_color = rgb(cdd6f4) fade_on_empty = true placeholder_text = hide_input = false rounding = -1 # -1 means complete rounding (circle/oval) check_color = rgb(fab387) fail_color = rgb(f38ba8) # if authentication failed, changes outer_color and fail message color fail_text = idiot fail_transition = 300 # transition time in ms between normal outer_color and fail_color position = 0, 75 halign = center valign = bottom } label { monitor = text = cmd[update:1000] echo $(date +"%H:%M:%S") color = rgb(cba6f7) font_size = 65 font_family = Maple Mono NF position = 0, 16 halign = center valign = center } label { monitor = text = cmd[update:1000] echo $(date +"%A, %d %B %Y") color = rgb(cdd6f4) font_size = 24 font_family = Maple Mono NF position = 0, -60 # date height halign = center valign = center } label { monitor = text =  color = rgb(cdd6f4) font_size = 18 font_family = Maple Mono NF position = 0, 30 halign = center valign = bottom } ================================================ FILE: .config/kitty/kitty.conf ================================================ ██╗░░██╗██╗████████╗████████╗██╗░░░██╗ ██║░██╔╝██║╚══██╔══╝╚══██╔══╝╚██╗░██╔╝ █████═╝░██║░░░██║░░░░░░██║░░░░╚████╔╝░ ██╔═██╗░██║░░░██║░░░░░░██║░░░░░╚██╔╝░░ ██║░╚██╗██║░░░██║░░░░░░██║░░░░░░██║░░░ ╚═╝░░╚═╝╚═╝░░░╚═╝░░░░░░╚═╝░░░░░░╚═╝░░░ # -- Themes -- # include ~/.cache/wal/colors-kitty.conf # Include if you want to enable pywal # -- Color Scheme -- background_opacity 0.5 background_blur 1 # -- Font config -- font_family DroidSansMNerdFont bold_font auto italic_font auto bold_italic_font auto font_size 10.0 # -- Mics Settings -- enable_audio_bell no force_ltr no detect_urls yes mouse_hide_wait -1 # -- Window -- window_padding_width 12 remember_window_size no initial_window_width 940 initial_window_height 500 # -- Tabs -- active_tab_background #7aa2f7 active_tab_foreground #1f2335 inactive_tab_background #292e42 inactive_tab_foreground #545c7e ================================================ FILE: .config/rofi/config.rasi ================================================ @theme "/rounded-blue-dark.rasi" ================================================ FILE: .config/rofi/rounded-blue-dark.rasi ================================================ /******************************************************************************* * ROUNDED THEME FOR ROFI * User : LR-Tech * Theme Repo : https://github.com/lr-tech/rofi-themes-collection *******************************************************************************/ * { bg0: #080809 ; bg1: #2A2A2A; bg2: #3D3D3D80; bg3: #0099CC ; fg0: #E6E6E6; fg1: #FFFFFF; fg2: #969696; fg3: #3D3D3D; bb: rgba ( 12, 12, 12, 75 % ); se: rgba ( 12, 12, 12, 60 % ); sel: rgba ( 0, 0, 0, 90 % ); bor: rgba ( 255, 255, 255, 12 % ); } @import "rounded-common.rasi" ================================================ FILE: .config/rofi/rounded-common.rasi ================================================ /******************************************************************************* * ROUNDED THEME FOR ROFI * User : LR-Tech * Theme Repo : https://github.com/lr-tech/rofi-themes-collection *******************************************************************************/ * { font: "Roboto 12"; background-color: transparent; text-color: @fg0; margin: 0px; padding: 0px; spacing: 0px; } window { location: center; width: 350; border: 3px; border-radius: 30px; border-color: transparent; background-color: @bb; } mainbox { padding: 25px; text-color: @fg0; } inputbar { background-color: @se; border-color: @bg2; border: 2px; border-radius: 40px; padding: 8px 16px; spacing: 8px; children: [ prompt, entry ]; } prompt { text-color: @fg0; } entry { placeholder: "Search"; placeholder-color: @fg0; } message { margin: 12px 0 0; border-radius: 40px; border-color: @bg2; background-color: @bg2; } textbox { padding: 8px 24px; } listview { background-color: transparent; margin: 12px 0 0; lines: 7; columns: 1; fixed-height: true; } element { padding: 8px 16px; spacing: 8px; border-radius: 40px; } element normal active { text-color: @fg0; } element alternate active { text-color: @fg0; } element selected normal, element selected active { background-color: @bor; } element-icon { size: 25px; vertical-align: 2; } element-text { text-color: @fg0; } ================================================ FILE: .config/rofi/withBorder/config.rasi ================================================ @theme "/rounded-blue-dark.rasi" ================================================ FILE: .config/rofi/withBorder/rounded-blue-dark.rasi ================================================ /******************************************************************************* * ROUNDED THEME FOR ROFI * User : LR-Tech * Theme Repo : https://github.com/lr-tech/rofi-themes-collection *******************************************************************************/ * { bg0: #080809 ; bg1: #2A2A2A; bg2: #3D3D3D80; bg3: #0099CC ; fg0: #E6E6E6; fg1: #FFFFFF; fg2: #969696; fg3: #3D3D3D; } @import "rounded-common.rasi" ================================================ FILE: .config/rofi/withBorder/rounded-common.rasi ================================================ /******************************************************************************* * ROUNDED THEME FOR ROFI * User : LR-Tech * Theme Repo : https://github.com/lr-tech/rofi-themes-collection *******************************************************************************/ * { font: "Roboto 12"; background-color: transparent; text-color: @fg0; margin: 0px; padding: 0px; spacing: 0px; } window { location: center; width: 400; border: 2px; border-radius: 30px; border-color: @bg3; background-color: @bg0; } mainbox { padding: 25px; text-color: @fg0; } inputbar { background-color: @bg1; border-color: @bg2; border: 2px; border-radius: 40px; padding: 8px 16px; spacing: 8px; children: [ prompt, entry ]; } prompt { text-color: @fg0; } entry { placeholder: "Search"; placeholder-color: @fg0; } message { margin: 12px 0 0; border-radius: 40px; border-color: @bg2; background-color: @bg2; } textbox { padding: 8px 24px; } listview { background-color: transparent; margin: 12px 0 0; lines: 7; columns: 1; fixed-height: true; } element { padding: 8px 16px; spacing: 8px; border-radius: 40px; } element normal active { text-color: @fg0; } element alternate active { text-color: @fg0; } element selected normal, element selected active { background-color: @bg3; } element-icon { size: 25px; vertical-align: 2; } element-text { text-color: @fg0; } ================================================ FILE: .config/swaync/config.json ================================================ { "$schema": "/etc/xdg/swaync/configSchema.json", "positionX": "right", "positionY": "top", "layer": "overlay", "control-center-layer": "top", "layer-shell": true, "cssPriority": "application", "control-center-margin-top": 0, "control-center-margin-bottom": 0, "control-center-margin-right": 0, "control-center-margin-left": 0, "notification-2fa-action": true, "notification-inline-replies": false, "notification-icon-size": 60, "notification-body-image-height": 200, "notification-body-image-width": 200, "timeout": 6, "timeout-low": 5, "timeout-critical": 0, "fit-to-screen": true, "relative-timestamps": true, "control-center-width": 500, "control-center-height": 600, "notification-window-width": 400, "notification-window-hight": 400, "keyboard-shortcuts": true, "image-visibility": "when-available", "transition-time": 0, "hide-on-clear": false, "hide-on-action": true, "script-fail-notify": true, "scripts": { "example-script": { "exec": "echo 'Do something...'", "urgency": "Normal" }, "example-action-script": { "exec": "echo 'Do something actionable!'", "urgency": "Normal", "run-on": "action" } }, "notification-visibility": { "example-name": { "state": "muted", "urgency": "Low", "app-name": "Spotify" } }, "widgets": [ "inhibitors", "title", "dnd", "notifications" ], "widget-config": { "inhibitors": { "text": "Inhibitors", "button-text": "Clear All", "clear-all-button": true }, "title": { "text": "Notifications", "clear-all-button": true, "button-text": "Clear All" }, "dnd": { "text": "Do Not Disturb" }, "label": { "max-lines": 5, "text": "Label Text" }, "mpris": { "image-size": 96, "image-radius": 12 }, "buttons-grid": { "actions": [ { "label": "直", "type": "toggle", "active": true, "command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && nmcli radio wifi on || nmcli radio wifi off'", "update_command": "sh -c '[[ $(nmcli radio wifi) == \"enabled\" ]] && echo true || echo false'" } ] } } } ================================================ FILE: .config/swaync/configSchema.json ================================================ { "$schema": "https://json-schema.org/draft/2020-12/schema", "title": "SwayNotificationCenter JSON schema", "type": "object", "additionalProperties": false, "properties": { "$schema": { "type": "string", "description": "Pointer to the schema against which this document should be validated." }, "positionX": { "type": "string", "description": "Horizontal position of control center and notification window", "default": "right", "enum": ["right", "left", "center"] }, "layer": { "type": "string", "description": "Layer of notification window", "default": "overlay", "enum": ["background", "bottom", "top", "overlay"] }, "layer-shell": { "type": "boolean", "description": "Wether or not the windows should be opened as layer-shell surfaces. Note: Requires swaync restart to apply", "default": true }, "cssPriority": { "type": "string", "description": "Which GTK priority to use when loading the default and user CSS files. Pick \"user\" to override XDG_CONFIG_HOME/gtk-3.0/gtk.css", "default": "application", "enum": ["application", "user"] }, "positionY": { "type": "string", "description": "Vertical position of control center and notification window", "default": "top", "enum": ["top", "center", "bottom"] }, "control-center-positionX": { "type": "string", "description": "Optional: Horizontal position of the control center. Supersedes positionX if not set to `none`", "default": "none", "enum": ["right", "left", "center", "none"] }, "control-center-positionY": { "type": "string", "description": "Optional: Vertical position of the control center. Supersedes positionY if not set to `none`", "default": "none", "enum": ["top", "bottom", "none"] }, "control-center-margin-top": { "type": "integer", "description": "The margin (in pixels) at the top of the control center. 0 to disable", "default": 0 }, "control-center-margin-bottom": { "type": "integer", "description": "The margin (in pixels) at the bottom of the control center. 0 to disable", "default": 0 }, "control-center-margin-right": { "type": "integer", "description": "The margin (in pixels) at the right of the control center. 0 to disable", "default": 0 }, "control-center-margin-left": { "type": "integer", "description": "The margin (in pixels) at the left of the control center. 0 to disable", "default": 0 }, "control-center-layer": { "type": "string", "description": "Layer of control center window", "default": "none", "enum": ["background", "bottom", "top", "overlay", "none"] }, "control-center-exclusive-zone": { "type": "boolean", "description": "Whether or not the control center should follow the compositors exclusive zones. An example would be setting it to \"false\" to cover your panel/dock.", "default": true }, "notification-2fa-action": { "type": "boolean", "description": "If each notification should display a 'COPY \"1234\"' action", "default": true }, "notification-inline-replies": { "type": "boolean", "description": "If notifications should display a text field to reply if the sender requests it. NOTE: Replying in popup notifications is only available if the compositor supports GTK Layer-Shell ON_DEMAND keyboard interactivity.", "default": false }, "notification-icon-size": { "type": "integer", "description": "The notification icon size (in pixels). The app icon size is 1/3", "default": 64, "minimum": 16 }, "notification-body-image-height": { "type": "integer", "description": "The notification body image height (in pixels)", "default": 100, "minimum": 100 }, "notification-body-image-width": { "type": "integer", "description": "The notification body image width (in pixels)", "default": 200, "minimum": 200 }, "timeout": { "type": "integer", "description": "The notification timeout for notifications with normal priority", "default": 10 }, "timeout-low": { "type": "integer", "description": "The notification timeout for notifications with low priority", "default": 5 }, "timeout-critical": { "type": "integer", "description": "The notification timeout for notifications with critical priority. 0 to disable", "default": 0 }, "notification-window-width": { "type": "integer", "description": "Width of the notification in pixels", "default": 500 }, "fit-to-screen": { "type": "boolean", "description": "If the control center should expand to both edges of the screen", "default": true }, "relative-timestamps": { "type": "boolean", "description": "Display notification timestamps relative to now e.g. \"26 minutes ago\". If false, a local iso8601-formatted absolute timestamp is displayed.", "default": true }, "control-center-height": { "type": "integer", "description": "Height of the control center in pixels. Ignored when 'fit-to-screen' is set to 'true'", "default": 600, "minimum": 300 }, "control-center-width": { "type": "integer", "description": "Width of the control center in pixels", "default": 500, "minimum": 300 }, "keyboard-shortcuts": { "type": "boolean", "description": "If control center should use keyboard shortcuts", "default": true }, "image-visibility": { "type": "string", "description": "The notification image visibility when no icon is available.", "default": "when-available", "enum": ["always", "when-available", "never"] }, "transition-time": { "type": "integer", "description": "The notification animation duration. 0 to disable", "default": 200 }, "hide-on-clear": { "type": "boolean", "description": "Hides the control center after pressing \"Clear All\"", "default": false }, "hide-on-action": { "type": "boolean", "description": "Hides the control center when clicking on notification action", "default": true }, "script-fail-notify": { "type": "boolean", "description": "Sends a notification if a script fails to run", "default": true }, "scripts": { "type": "object", "description": "Which scripts to check and potentially run for every notification. If the notification doesn't include one of the properties, that property will be ignored. All properties (except for exec) use regex. If all properties match the given notification, the script will be run. Only the first matching script will be run.", "minProperties": 1, "additionalProperties": false, "patternProperties": { "^.{1,}$": { "type": "object", "description": "Your script object.", "required": ["exec"], "minProperties": 2, "additionalProperties": false, "properties": { "exec": { "type": "string", "description": "The script to run. Can also run regular shell commands." }, "app-name": { "type": "string", "description": "The app-name. Uses Regex." }, "desktop-entry": { "type": "string", "description": "The desktop-entry. Uses Regex." }, "summary": { "type": "string", "description": "The summary of the notification. Uses Regex." }, "body": { "type": "string", "description": "The body of the notification. Uses Regex." }, "urgency": { "type": "string", "description": "The urgency of the notification.", "default": "Normal", "enum": ["Low", "Normal", "Critical"] }, "category": { "type": "string", "description": "Which category the notification belongs to. Uses Regex." }, "run-on": { "type": "string", "description": "Whether to run the script on an action being activated, or when the notification is received.", "enum": ["action", "receive"], "default": "receive" } } } } }, "notification-visibility": { "type": "object", "description": "Set the visibility of each incoming notification. If the notification doesn't include one of the properties, that property will be ignored. All properties (except for state) use regex. If all properties match the given notification, the notification will be follow the provided state. Only the first matching object will be used.", "minProperties": 1, "additionalProperties": false, "patternProperties": { "^.{1,}$": { "type": "object", "description": "Your script object.", "required": ["state"], "minProperties": 2, "additionalProperties": false, "properties": { "state": { "type": "string", "description": "The notification visibility state.", "default": "enabled", "enum": ["ignored", "muted", "enabled", "transient"] }, "app-name": { "type": "string", "description": "The app-name. Uses Regex." }, "desktop-entry": { "type": "string", "description": "The desktop-entry. Uses Regex." }, "summary": { "type": "string", "description": "The summary of the notification. Uses Regex." }, "body": { "type": "string", "description": "The body of the notification. Uses Regex." }, "urgency": { "type": "string", "description": "The urgency of the notification.", "default": "Normal", "enum": ["Low", "Normal", "Critical"] }, "override-urgency": { "type": "string", "description": "The new urgency of the notification (optional)", "default": "unset", "enum": ["unset", "low", "normal", "critical"] }, "category": { "type": "string", "description": "Which category the notification belongs to. Uses Regex." } } } } }, "widgets": { "type": "array", "description": "Which order and which widgets to display. If the \"notifications\" widget isn't specified, it will be placed at the bottom.", "default": ["inhibitors", "title", "dnd", "notifications"], "items": { "type": "string", "$comment": "Sadly can't use regex and enums at the same time. Fix in the future?", "pattern": "^[a-zA-Z0-9_-]{1,}(#[a-zA-Z0-9_-]{1,}){0,1}?$" } }, "widget-config": { "type": "object", "description": "Configure specific widget properties.", "additionalProperties": false, "$comment": "New widgets go here in \"patternProperties\" ↓", "patternProperties": { "^title(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$comment": "References the widget structure from \"widgets\" below", "$ref": "#/widgets/title" }, "^dnd(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/dnd" }, "^label(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/label" }, "^mpris(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/mpris" }, "^buttons-grid(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/buttons-grid" }, "^menubar(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/menubar" }, "^volume(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/volume" }, "^backlight(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/backlight" }, "^inhibitors(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$comment": "References the widget structure from \"widgets\" below", "$ref": "#/widgets/inhibitors" } } } }, "widgets": { "$comment": "New widgets go here", "title": { "type": "object", "description": "Control Center Title Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Notifications" }, "clear-all-button": { "type": "boolean", "description": "Wether to display a \"Clear All\" button", "default": true }, "button-text": { "type": "string", "description": "\"Clear All\" button text", "default": "Clear All" } } }, "dnd": { "type": "object", "description": "Control Center Do Not Disturb Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Do Not Disturb" } } }, "label": { "type": "object", "description": "A generic widget that allows the user to add custom text", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The text content of the widget", "default": "Label Text" }, "max-lines": { "type": "integer", "description": "The maximum lines", "default": 5 } } }, "mpris": { "type": "object", "description": "A widget that displays multiple music players", "additionalProperties": false, "properties": { "image-size": { "type": "integer", "description": "The size of the album art", "default": 96 }, "image-radius": { "type": "integer", "description": "The border radius of the album art. Will be overriden by setting the border-radius in the style.css for the \".widget-mpris-album-art\" class", "default": 12 }, "blur": { "type": "bool", "description": "Appy the artwork as the MPRIS background and blur it", "default": true } } }, "buttons-grid": { "type": "object", "description": "A widget to add a grid of buttons that execute shell commands", "additionalProperties": false, "properties": { "actions": { "type": "array", "description": "A list of actions containing a label and a command", "items": { "type": "object", "properties": { "label": { "type": "string", "description": "Text to be displayed in button", "default": "label" }, "command": { "type": "string", "description": "Command to be executed on click", "default": "" }, "type": { "type": "string", "description": "Type of the button; toggle buttons receive the .active css class and an env variable 'SWAYNC_TOGGLE_STATE' is set. See example in the default config.json", "default": "normal", "enum": ["normal", "toggle"] }, "update-command": { "type": "string", "description": "Command to be executed on visibility change of cc to update the active state of the toggle button (should echo true or false)", "default": "" }, "active": { "type": "bool", "description": "Wether the toggle button is active as default or not", "default": false } } } } } }, "menubar": { "type": "object", "description": "A bar that contains action-buttons and buttons to open a dropdown with action-buttons", "additionalProperties": false, "patternProperties": { "^menu(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "type": "object", "description": "A button that opens a dropdown with action-buttons", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text to be displayed in button", "default": "Menu" }, "position": { "type": "string", "description": "Horizontal position of the button in the bar", "default": "right", "enum": ["right", "left"] }, "animation-type": { "type": "string", "default": "slide_down", "description": "Animation type for menu", "enum": ["slide_down", "slide_up", "none"] }, "animation-duration":{ "type": "integer", "default": 250, "description": "Duration of animation in milliseconds" }, "actions": { "$ref" : "#/widgets/buttons-grid/properties/actions" } } }, "^buttons(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "type": "object", "description": "A list of action-buttons to be displayed in the topbar", "additionalProperties": false, "properties": { "position": { "type": "string", "description": "Horizontal position of the button in the bar", "default": "right", "enum": ["right", "left"] }, "actions": { "$ref" : "#/widgets/buttons-grid/properties/actions" } } } } }, "volume": { "type": "object", "description": "Slider to control pulse volume", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text displayed in front of the volume slider", "default": "Volume" }, "show-per-app": { "type": "boolean", "default": false, "description": "Show per app volume control" }, "show-per-app-icon": { "type": "boolean", "default": true, "description": "Show application icon in per app control" }, "show-per-app-label": { "type": "boolean", "default": false, "description": "Show application name in per app control" }, "empty-list-label": { "type": "string", "default": "No active sink input", "description": "Text displayed when there are not active sink inputs" }, "expand-button-label": { "type": "string", "default": "⇧", "description": "Label displayed on button to show per app volume control" }, "collapse-button-label": { "type": "string", "default": "⇩", "description": "Label displayed on button to hide per app volume control" }, "icon-size": { "type": "integer", "default": 24, "description": "Size of the application icon in per app volume control" }, "animation-type": { "type": "string", "default": "slide_down", "description": "Animation type for menu", "enum": ["slide_down", "slide_up", "none"] }, "animation-duration":{ "type": "integer", "default": 250, "description": "Duration of animation in milliseconds" } } }, "backlight": { "type": "object", "description": "Slider to control monitor brightness", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text displayed in front of the backlight slider", "default": "Brightness" }, "device": { "type": "string", "description": "Name of monitor (find possible devices using `ls /sys/class/backlight` or `ls /sys/class/leds`)", "default": "intel_backlight" }, "subsystem": { "type": "string", "description": "Kernel subsystem for brightness control", "default": "backlight", "enum": ["backlight", "leds"] }, "min": { "type": "integer", "default": 0, "description": "Lowest possible value for brightness" } } }, "inhibitors": { "type": "object", "description": "Control Center Inhibitors Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Inhibitors" }, "clear-all-button": { "type": "boolean", "description": "Wether to display a \"Clear All\" button", "default": true }, "button-text": { "type": "string", "description": "\"Clear All\" button text", "default": "Clear All" } } } } } ================================================ FILE: .config/swaync/style.css ================================================ @define-color cc-bg rgba(12, 12, 12, 0.75); @define-color noti-border-color black; @define-color noti-bg rgba(12, 12, 12, 0.25); @define-color noti-bg-opaque rgba(12, 12, 12, 0.75); @define-color noti-bg-darker rgba(12, 12, 12, 0.75); @define-color noti-bg-hover rgba(12, 12, 12, 0.75); @define-color noti-bg-hover-opaque rgba(12, 12, 12, 0.75); @define-color noti-bg-focus rgba(68, 68, 68, 0.2); .notification-row .notification-background { padding: 20px 20px; } .notification-row .notification-background .notification { /* The actual notification */ border-radius: 12px; /*border: 0px solid black;*/ padding: 0; background: @noti-bg; } .notification-row .notification-background .notification .notification-action, .notification-row .notification-background .notification .notification-default-action { padding: 4px; margin: 2px; background: transparent; color: @text-color; } ================================================ FILE: .config/swaync/withBorders/config.json ================================================ { "$schema": "/etc/xdg/swaync/configSchema.json", "positionX": "right", "positionY": "top", "layer": "overlay", "control-center-layer": "top", "layer-shell": true, "cssPriority": "application", "control-center-margin-top": 0, "control-center-margin-bottom": 0, "control-center-margin-right": 0, "control-center-margin-left": 0, "notification-2fa-action": true, "notification-inline-replies": false, "notification-icon-size": 60, "notification-body-image-height": 200, "notification-body-image-width": 200, "timeout": 6, "timeout-low": 5, "timeout-critical": 0, "fit-to-screen": true, "relative-timestamps": true, "control-center-width": 500, "control-center-height": 600, "notification-window-width": 400, "notification-window-hight": 400, "keyboard-shortcuts": true, "image-visibility": "when-available", "transition-time": 400, "hide-on-clear": false, "hide-on-action": true, "script-fail-notify": true, "scripts": { "example-script": { "exec": "echo 'Do something...'", "urgency": "Normal" }, "example-action-script": { "exec": "echo 'Do something actionable!'", "urgency": "Normal", "run-on": "action" } }, "notification-visibility": { "example-name": { "state": "muted", "urgency": "Low", "app-name": "Spotify" } }, "widgets": [ "inhibitors", "title", "dnd", "notifications" ], "widget-config": { "inhibitors": { "text": "Inhibitors", "button-text": "Clear All", "clear-all-button": true }, "title": { "text": "Notifications", "clear-all-button": true, "button-text": "Clear All" }, "dnd": { "text": "Do Not Disturb" }, "label": { "max-lines": 5, "text": "Label Text" }, "mpris": { "image-size": 96, "image-radius": 12 }, "buttons-grid": { "actions": [ { "label": "直", "type": "toggle", "active": true, "command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && nmcli radio wifi on || nmcli radio wifi off'", "update_command": "sh -c '[[ $(nmcli radio wifi) == \"enabled\" ]] && echo true || echo false'" } ] } } } ================================================ FILE: .config/swaync/withBorders/configSchema.json ================================================ { "$schema": "https://json-schema.org/draft/2020-12/schema", "title": "SwayNotificationCenter JSON schema", "type": "object", "additionalProperties": false, "properties": { "$schema": { "type": "string", "description": "Pointer to the schema against which this document should be validated." }, "positionX": { "type": "string", "description": "Horizontal position of control center and notification window", "default": "right", "enum": ["right", "left", "center"] }, "layer": { "type": "string", "description": "Layer of notification window", "default": "overlay", "enum": ["background", "bottom", "top", "overlay"] }, "layer-shell": { "type": "boolean", "description": "Wether or not the windows should be opened as layer-shell surfaces. Note: Requires swaync restart to apply", "default": true }, "cssPriority": { "type": "string", "description": "Which GTK priority to use when loading the default and user CSS files. Pick \"user\" to override XDG_CONFIG_HOME/gtk-3.0/gtk.css", "default": "application", "enum": ["application", "user"] }, "positionY": { "type": "string", "description": "Vertical position of control center and notification window", "default": "top", "enum": ["top", "center", "bottom"] }, "control-center-positionX": { "type": "string", "description": "Optional: Horizontal position of the control center. Supersedes positionX if not set to `none`", "default": "none", "enum": ["right", "left", "center", "none"] }, "control-center-positionY": { "type": "string", "description": "Optional: Vertical position of the control center. Supersedes positionY if not set to `none`", "default": "none", "enum": ["top", "bottom", "none"] }, "control-center-margin-top": { "type": "integer", "description": "The margin (in pixels) at the top of the control center. 0 to disable", "default": 0 }, "control-center-margin-bottom": { "type": "integer", "description": "The margin (in pixels) at the bottom of the control center. 0 to disable", "default": 0 }, "control-center-margin-right": { "type": "integer", "description": "The margin (in pixels) at the right of the control center. 0 to disable", "default": 0 }, "control-center-margin-left": { "type": "integer", "description": "The margin (in pixels) at the left of the control center. 0 to disable", "default": 0 }, "control-center-layer": { "type": "string", "description": "Layer of control center window", "default": "none", "enum": ["background", "bottom", "top", "overlay", "none"] }, "control-center-exclusive-zone": { "type": "boolean", "description": "Whether or not the control center should follow the compositors exclusive zones. An example would be setting it to \"false\" to cover your panel/dock.", "default": true }, "notification-2fa-action": { "type": "boolean", "description": "If each notification should display a 'COPY \"1234\"' action", "default": true }, "notification-inline-replies": { "type": "boolean", "description": "If notifications should display a text field to reply if the sender requests it. NOTE: Replying in popup notifications is only available if the compositor supports GTK Layer-Shell ON_DEMAND keyboard interactivity.", "default": false }, "notification-icon-size": { "type": "integer", "description": "The notification icon size (in pixels). The app icon size is 1/3", "default": 64, "minimum": 16 }, "notification-body-image-height": { "type": "integer", "description": "The notification body image height (in pixels)", "default": 100, "minimum": 100 }, "notification-body-image-width": { "type": "integer", "description": "The notification body image width (in pixels)", "default": 200, "minimum": 200 }, "timeout": { "type": "integer", "description": "The notification timeout for notifications with normal priority", "default": 10 }, "timeout-low": { "type": "integer", "description": "The notification timeout for notifications with low priority", "default": 5 }, "timeout-critical": { "type": "integer", "description": "The notification timeout for notifications with critical priority. 0 to disable", "default": 0 }, "notification-window-width": { "type": "integer", "description": "Width of the notification in pixels", "default": 500 }, "fit-to-screen": { "type": "boolean", "description": "If the control center should expand to both edges of the screen", "default": true }, "relative-timestamps": { "type": "boolean", "description": "Display notification timestamps relative to now e.g. \"26 minutes ago\". If false, a local iso8601-formatted absolute timestamp is displayed.", "default": true }, "control-center-height": { "type": "integer", "description": "Height of the control center in pixels. Ignored when 'fit-to-screen' is set to 'true'", "default": 600, "minimum": 300 }, "control-center-width": { "type": "integer", "description": "Width of the control center in pixels", "default": 500, "minimum": 300 }, "keyboard-shortcuts": { "type": "boolean", "description": "If control center should use keyboard shortcuts", "default": true }, "image-visibility": { "type": "string", "description": "The notification image visibility when no icon is available.", "default": "when-available", "enum": ["always", "when-available", "never"] }, "transition-time": { "type": "integer", "description": "The notification animation duration. 0 to disable", "default": 200 }, "hide-on-clear": { "type": "boolean", "description": "Hides the control center after pressing \"Clear All\"", "default": false }, "hide-on-action": { "type": "boolean", "description": "Hides the control center when clicking on notification action", "default": true }, "script-fail-notify": { "type": "boolean", "description": "Sends a notification if a script fails to run", "default": true }, "scripts": { "type": "object", "description": "Which scripts to check and potentially run for every notification. If the notification doesn't include one of the properties, that property will be ignored. All properties (except for exec) use regex. If all properties match the given notification, the script will be run. Only the first matching script will be run.", "minProperties": 1, "additionalProperties": false, "patternProperties": { "^.{1,}$": { "type": "object", "description": "Your script object.", "required": ["exec"], "minProperties": 2, "additionalProperties": false, "properties": { "exec": { "type": "string", "description": "The script to run. Can also run regular shell commands." }, "app-name": { "type": "string", "description": "The app-name. Uses Regex." }, "desktop-entry": { "type": "string", "description": "The desktop-entry. Uses Regex." }, "summary": { "type": "string", "description": "The summary of the notification. Uses Regex." }, "body": { "type": "string", "description": "The body of the notification. Uses Regex." }, "urgency": { "type": "string", "description": "The urgency of the notification.", "default": "Normal", "enum": ["Low", "Normal", "Critical"] }, "category": { "type": "string", "description": "Which category the notification belongs to. Uses Regex." }, "run-on": { "type": "string", "description": "Whether to run the script on an action being activated, or when the notification is received.", "enum": ["action", "receive"], "default": "receive" } } } } }, "notification-visibility": { "type": "object", "description": "Set the visibility of each incoming notification. If the notification doesn't include one of the properties, that property will be ignored. All properties (except for state) use regex. If all properties match the given notification, the notification will be follow the provided state. Only the first matching object will be used.", "minProperties": 1, "additionalProperties": false, "patternProperties": { "^.{1,}$": { "type": "object", "description": "Your script object.", "required": ["state"], "minProperties": 2, "additionalProperties": false, "properties": { "state": { "type": "string", "description": "The notification visibility state.", "default": "enabled", "enum": ["ignored", "muted", "enabled", "transient"] }, "app-name": { "type": "string", "description": "The app-name. Uses Regex." }, "desktop-entry": { "type": "string", "description": "The desktop-entry. Uses Regex." }, "summary": { "type": "string", "description": "The summary of the notification. Uses Regex." }, "body": { "type": "string", "description": "The body of the notification. Uses Regex." }, "urgency": { "type": "string", "description": "The urgency of the notification.", "default": "Normal", "enum": ["Low", "Normal", "Critical"] }, "override-urgency": { "type": "string", "description": "The new urgency of the notification (optional)", "default": "unset", "enum": ["unset", "low", "normal", "critical"] }, "category": { "type": "string", "description": "Which category the notification belongs to. Uses Regex." } } } } }, "widgets": { "type": "array", "description": "Which order and which widgets to display. If the \"notifications\" widget isn't specified, it will be placed at the bottom.", "default": ["inhibitors", "title", "dnd", "notifications"], "items": { "type": "string", "$comment": "Sadly can't use regex and enums at the same time. Fix in the future?", "pattern": "^[a-zA-Z0-9_-]{1,}(#[a-zA-Z0-9_-]{1,}){0,1}?$" } }, "widget-config": { "type": "object", "description": "Configure specific widget properties.", "additionalProperties": false, "$comment": "New widgets go here in \"patternProperties\" ↓", "patternProperties": { "^title(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$comment": "References the widget structure from \"widgets\" below", "$ref": "#/widgets/title" }, "^dnd(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/dnd" }, "^label(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/label" }, "^mpris(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/mpris" }, "^buttons-grid(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/buttons-grid" }, "^menubar(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/menubar" }, "^volume(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/volume" }, "^backlight(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$ref": "#/widgets/backlight" }, "^inhibitors(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "$comment": "References the widget structure from \"widgets\" below", "$ref": "#/widgets/inhibitors" } } } }, "widgets": { "$comment": "New widgets go here", "title": { "type": "object", "description": "Control Center Title Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Notifications" }, "clear-all-button": { "type": "boolean", "description": "Wether to display a \"Clear All\" button", "default": true }, "button-text": { "type": "string", "description": "\"Clear All\" button text", "default": "Clear All" } } }, "dnd": { "type": "object", "description": "Control Center Do Not Disturb Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Do Not Disturb" } } }, "label": { "type": "object", "description": "A generic widget that allows the user to add custom text", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The text content of the widget", "default": "Label Text" }, "max-lines": { "type": "integer", "description": "The maximum lines", "default": 5 } } }, "mpris": { "type": "object", "description": "A widget that displays multiple music players", "additionalProperties": false, "properties": { "image-size": { "type": "integer", "description": "The size of the album art", "default": 96 }, "image-radius": { "type": "integer", "description": "The border radius of the album art. Will be overriden by setting the border-radius in the style.css for the \".widget-mpris-album-art\" class", "default": 12 }, "blur": { "type": "bool", "description": "Appy the artwork as the MPRIS background and blur it", "default": true } } }, "buttons-grid": { "type": "object", "description": "A widget to add a grid of buttons that execute shell commands", "additionalProperties": false, "properties": { "actions": { "type": "array", "description": "A list of actions containing a label and a command", "items": { "type": "object", "properties": { "label": { "type": "string", "description": "Text to be displayed in button", "default": "label" }, "command": { "type": "string", "description": "Command to be executed on click", "default": "" }, "type": { "type": "string", "description": "Type of the button; toggle buttons receive the .active css class and an env variable 'SWAYNC_TOGGLE_STATE' is set. See example in the default config.json", "default": "normal", "enum": ["normal", "toggle"] }, "update-command": { "type": "string", "description": "Command to be executed on visibility change of cc to update the active state of the toggle button (should echo true or false)", "default": "" }, "active": { "type": "bool", "description": "Wether the toggle button is active as default or not", "default": false } } } } } }, "menubar": { "type": "object", "description": "A bar that contains action-buttons and buttons to open a dropdown with action-buttons", "additionalProperties": false, "patternProperties": { "^menu(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "type": "object", "description": "A button that opens a dropdown with action-buttons", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text to be displayed in button", "default": "Menu" }, "position": { "type": "string", "description": "Horizontal position of the button in the bar", "default": "right", "enum": ["right", "left"] }, "animation-type": { "type": "string", "default": "slide_down", "description": "Animation type for menu", "enum": ["slide_down", "slide_up", "none"] }, "animation-duration":{ "type": "integer", "default": 250, "description": "Duration of animation in milliseconds" }, "actions": { "$ref" : "#/widgets/buttons-grid/properties/actions" } } }, "^buttons(#[a-zA-Z0-9_-]{1,}){0,1}?$": { "type": "object", "description": "A list of action-buttons to be displayed in the topbar", "additionalProperties": false, "properties": { "position": { "type": "string", "description": "Horizontal position of the button in the bar", "default": "right", "enum": ["right", "left"] }, "actions": { "$ref" : "#/widgets/buttons-grid/properties/actions" } } } } }, "volume": { "type": "object", "description": "Slider to control pulse volume", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text displayed in front of the volume slider", "default": "Volume" }, "show-per-app": { "type": "boolean", "default": false, "description": "Show per app volume control" }, "show-per-app-icon": { "type": "boolean", "default": true, "description": "Show application icon in per app control" }, "show-per-app-label": { "type": "boolean", "default": false, "description": "Show application name in per app control" }, "empty-list-label": { "type": "string", "default": "No active sink input", "description": "Text displayed when there are not active sink inputs" }, "expand-button-label": { "type": "string", "default": "⇧", "description": "Label displayed on button to show per app volume control" }, "collapse-button-label": { "type": "string", "default": "⇩", "description": "Label displayed on button to hide per app volume control" }, "icon-size": { "type": "integer", "default": 24, "description": "Size of the application icon in per app volume control" }, "animation-type": { "type": "string", "default": "slide_down", "description": "Animation type for menu", "enum": ["slide_down", "slide_up", "none"] }, "animation-duration":{ "type": "integer", "default": 250, "description": "Duration of animation in milliseconds" } } }, "backlight": { "type": "object", "description": "Slider to control monitor brightness", "additionalProperties": false, "properties": { "label": { "type": "string", "description": "Text displayed in front of the backlight slider", "default": "Brightness" }, "device": { "type": "string", "description": "Name of monitor (find possible devices using `ls /sys/class/backlight` or `ls /sys/class/leds`)", "default": "intel_backlight" }, "subsystem": { "type": "string", "description": "Kernel subsystem for brightness control", "default": "backlight", "enum": ["backlight", "leds"] }, "min": { "type": "integer", "default": 0, "description": "Lowest possible value for brightness" } } }, "inhibitors": { "type": "object", "description": "Control Center Inhibitors Widget", "additionalProperties": false, "properties": { "text": { "type": "string", "description": "The title of the widget", "default": "Inhibitors" }, "clear-all-button": { "type": "boolean", "description": "Wether to display a \"Clear All\" button", "default": true }, "button-text": { "type": "string", "description": "\"Clear All\" button text", "default": "Clear All" } } } } } ================================================ FILE: .config/swaync/withBorders/style.css ================================================ @define-color cc-bg rgba(9, 9, 11, 1); @define-color noti-border-color rgb(53, 214, 231); @define-color noti-bg rgb(9, 9, 11); @define-color noti-bg-opaque rgba(9, 9, 11, 1); @define-color noti-bg-darker rgba(9, 9, 11, 1); @define-color noti-bg-hover rgba(13, 13, 13, 0.78); @define-color noti-bg-hover-opaque rgba(13, 13, 13, 0.78); @define-color noti-bg-focus rgba(68, 68, 68, 0.6); @define-color noti-close-bg rgba(255, 255, 255, 0.1); @define-color noti-close-bg-hover rgba(255, 255, 255, 0.15); @define-color text-color rgb(255, 255, 255); @define-color text-color-disabled rgb(150, 150, 150); @define-color bg-selected rgb(0, 128, 255); .notification-row { outline: none; } .notification-row:focus, .notification-row:hover { background: @noti-bg-focus; } .notification-row .notification-background { padding: 20px 20px; } .notification-row .notification-background .close-button { /* The notification Close Button */ background: @noti-close-bg; color: @text-color; text-shadow: none; padding: 0; border-radius: 100%; margin-top: 7px; margin-right: 5px; box-shadow: none; border: none; min-width: 24px; min-height: 24px; } .notification-row .notification-background .close-button:hover { box-shadow: none; background: @noti-close-bg-hover; transition: background 0.15s ease-in-out; border: none; } .notification-row .notification-background .notification { /* The actual notification */ border-radius: 12px; border: 2px solid @noti-border-color; padding: 0; transition: background 0.15s ease-in-out; background: @noti-bg; } .notification-row .notification-background .notification.low { /* Low Priority Notification */ } .notification-row .notification-background .notification.normal { /* Normal Priority Notification */ } .notification-row .notification-background .notification.critical { /* Critical Priority Notification */ } .notification-row .notification-background .notification .notification-action, .notification-row .notification-background .notification .notification-default-action { padding: 4px; margin: 2px; box-shadow: none; background: transparent; border: none; color: @text-color; transition: background 0.15s ease-in-out; } .notification-row .notification-background .notification .notification-action:hover, .notification-row .notification-background .notification .notification-default-action:hover { -gtk-icon-effect: none; background: @noti-bg-hover; } .notification-row .notification-background .notification .notification-default-action { /* The large action that also displays the notification summary and body */ border-radius: 12px; } .notification-row .notification-background .notification .notification-default-action:not(:only-child) { /* When alternative actions are visible */ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .notification-row .notification-background .notification .notification-default-action .notification-content { background: transparent; border-radius: 12px; padding: 4px; } .notification-row .notification-background .notification .notification-default-action .notification-content .image { /* Notification Primary Image */ -gtk-icon-effect: none; border-radius: 100px; /* Size in px */ margin: 5px 15px 5px 5px; } .notification-row .notification-background .notification .notification-default-action .notification-content .app-icon { /* Notification app icon (only visible when the primary image is set) */ -gtk-icon-effect: none; -gtk-icon-shadow: 0 1px 4px black; margin: 6px; } .notification-row .notification-background .notification .notification-default-action .notification-content .text-box .summary { /* Notification summary/title */ font-size: 16px; font-weight: bold; background: transparent; color: @text-color; text-shadow: none; } .notification-row .notification-background .notification .notification-default-action .notification-content .text-box .time { /* Notification time-ago */ font-size: 16px; font-weight: bold; background: transparent; color: @text-color; text-shadow: none; margin-right: 30px; } .notification-row .notification-background .notification .notification-default-action .notification-content .text-box .body { /* Notification body */ font-size: 15px; font-weight: normal; background: transparent; color: @text-color; text-shadow: none; } .notification-row .notification-background .notification .notification-default-action .notification-content progressbar { /* The optional notification progress bar */ margin-top: 4px; } .notification-row .notification-background .notification .notification-default-action .notification-content .body-image { /* The "extra" optional bottom notification image */ margin-top: 4px; background-color: white; border-radius: 12px; -gtk-icon-effect: none; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply { /* The inline reply section */ margin-top: 4px; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-entry { background: @noti-bg-darker; color: @text-color; caret-color: @text-color; border: 1px solid @noti-border-color; border-radius: 12px; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button { margin-left: 4px; background: @noti-bg; border: 1px solid @noti-border-color; border-radius: 12px; color: @text-color; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button:disabled { background: initial; color: @text-color-disabled; border: 1px solid @noti-border-color; border-color: transparent; } .notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button:hover { background: @noti-bg-hover; } .notification-row .notification-background .notification .notification-action { /* The alternative actions below the default action */ border-top: 1px solid @noti-border-color; border-radius: 0px; border-right: 1px solid @noti-border-color; } .notification-row .notification-background .notification .notification-action:first-child { /* add bottom border radius to eliminate clipping */ border-bottom-left-radius: 12px; } .notification-row .notification-background .notification .notification-action:last-child { border-bottom-right-radius: 12px; border-right: none; } .notification-group { /* Styling only for Grouped Notifications */ } .notification-group.low { /* Low Priority Group */ } .notification-group.normal { /* Low Priority Group */ } .notification-group.critical { /* Low Priority Group */ } .notification-group .notification-group-buttons, .notification-group .notification-group-headers { margin: 0 16px; color: @text-color; } .notification-group .notification-group-headers { /* Notification Group Headers */ } .notification-group .notification-group-headers .notification-group-icon { color: @text-color; } .notification-group .notification-group-headers .notification-group-header { color: @text-color; } .notification-group .notification-group-buttons { /* Notification Group Buttons */ } .notification-group.collapsed .notification-row .notification { background-color: @noti-bg-opaque; } .notification-group.collapsed .notification-row:not(:last-child) { /* Top notification in stack */ /* Set lower stacked notifications opacity to 0 */ } .notification-group.collapsed .notification-row:not(:last-child) .notification-action, .notification-group.collapsed .notification-row:not(:last-child) .notification-default-action { opacity: 0; } .notification-group.collapsed:hover .notification-row:not(:only-child) .notification { background-color: @noti-bg-hover-opaque; } .control-center { /* The Control Center which contains the old notifications + widgets */ background: @cc-bg; color: @text-color; border-radius: 12px; } .control-center .control-center-list-placeholder { /* The placeholder when there are no notifications */ opacity: 0.5; } .control-center .control-center-list { /* List of notifications */ background: transparent; } .control-center .control-center-list .notification { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7), 0 2px 6px 2px rgba(0, 0, 0, 0.3); } .control-center .control-center-list .notification .notification-default-action, .control-center .control-center-list .notification .notification-action { transition: opacity 400ms ease-in-out, background 0.15s ease-in-out; } .control-center .control-center-list .notification .notification-default-action:hover, .control-center .control-center-list .notification .notification-action:hover { background-color: @noti-bg-hover; } .blank-window { /* Window behind control center and on all other monitors */ background: transparent; } .floating-notifications { background: transparent; } .floating-notifications .notification { box-shadow: none; } /*** Widgets ***/ /* Title widget */ .widget-title { color: @text-color; margin: 8px; font-size: 1.5rem; } .widget-title > button { font-size: initial; color: @text-color; text-shadow: none; background: @noti-bg; border: 1px solid @noti-border-color; box-shadow: none; border-radius: 12px; } .widget-title > button:hover { background: @noti-bg-hover; } /* DND widget */ .widget-dnd { color: @text-color; margin: 8px; font-size: 1.1rem; } .widget-dnd > switch { font-size: initial; border-radius: 12px; background: @noti-bg; border: 1px solid @noti-border-color; box-shadow: none; } .widget-dnd > switch:checked { background: @bg-selected; } .widget-dnd > switch slider { background: @noti-bg-hover; border-radius: 12px; } /* Label widget */ .widget-label { margin: 8px; } .widget-label > label { font-size: 1.1rem; } /* Mpris widget */ @define-color mpris-album-art-overlay rgba(0, 0, 0, 0.55); @define-color mpris-button-hover rgba(0, 0, 0, 0.50); .widget-mpris { /* The parent to all players */ } .widget-mpris .widget-mpris-player { padding: 8px; padding: 16px; margin: 16px 20px; background-color: @mpris-album-art-overlay; border-radius: 12px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); } .widget-mpris .widget-mpris-player button:hover { /* The media player buttons (play, pause, next, etc...) */ background: @noti-bg-hover; } .widget-mpris .widget-mpris-player .widget-mpris-album-art { border-radius: 12px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); } .widget-mpris .widget-mpris-player .widget-mpris-title { font-weight: bold; font-size: 1.25rem; } .widget-mpris .widget-mpris-player .widget-mpris-subtitle { font-size: 1.1rem; } .widget-mpris .widget-mpris-player > box > button { /* Change player control buttons */ } .widget-mpris .widget-mpris-player > box > button:hover { background-color: @mpris-button-hover; } .widget-mpris > box > button { /* Change player side buttons */ } .widget-mpris > box > button:disabled { /* Change player side buttons insensitive */ } /* Buttons widget */ .widget-buttons-grid { padding: 8px; margin: 8px; border-radius: 12px; background-color: @noti-bg; } .widget-buttons-grid > flowbox > flowboxchild > button { background: @noti-bg; border-radius: 12px; } .widget-buttons-grid > flowbox > flowboxchild > button.toggle:checked { /* style given to the active toggle button */ } /* Menubar widget */ .widget-menubar > box > .menu-button-bar > button { border: none; background: transparent; } /* .AnyName { Name defined in config after # background-color: @noti-bg; padding: 8px; margin: 8px; border-radius: 12px; } .AnyName>button { background: transparent; border: none; } .AnyName>button:hover { background-color: @noti-bg-hover; } */ .topbar-buttons > button { /* Name defined in config after # */ border: none; background: transparent; } /* Volume widget */ .widget-volume { background-color: @noti-bg; padding: 8px; margin: 8px; border-radius: 12px; } .widget-volume > box > button { background: transparent; border: none; } .per-app-volume { background-color: @noti-bg-alt; padding: 4px 8px 8px 8px; margin: 0px 8px 8px 8px; border-radius: 12px; } /* Backlight widget */ .widget-backlight { background-color: @noti-bg; padding: 8px; margin: 8px; border-radius: 12px; } /* Inhibitors widget */ .widget-inhibitors { margin: 8px; font-size: 1.5rem; } .widget-inhibitors > button { font-size: initial; color: @text-color; text-shadow: none; background: @noti-bg; border: 1px solid @noti-border-color; box-shadow: none; border-radius: 12px; } .widget-inhibitors > button:hover { background: @noti-bg-hover; } ================================================ FILE: .config/waybar/alt_config/config ================================================ // __ __ _ // \ \ / /_ _ _ _| |__ __ _ _ __ // \ \ /\ / / _` | | | | '_ \ / _` | '__| // \ V V / (_| | |_| | |_) | (_| | | // \_/\_/ \__,_|\__, |_.__/ \__,_|_| // |___/ // // by Stephan Raabe (2023) // Edited by Pilk (2024) :3c // ----------------------------------------------------- // { // General Settings "layer": "top", "margin-bottom": 0, "layer": "top", "margin-left": 0, "margin-right": 0, "spacing": 0, // Position TOP "layer": "top", "margin-bottom": 2, "margin-left": 15, "margin-right": 15, "margin-top": 15, // Position BOTTOM // "position": "bottom", // "margin-top": 0, // "margin-bottom": 14, "layer": "top", "margin-left": 15, "margin-right": 15, "spacing": 0, // Load Modules "include": [ ".config/waybar/modules.json", ], // Modules Left "modules-left": [ "hyprland/workspaces", // "custom/appmenu" //"custom/settings", // "custom/waybarthemes", // "group/quicklinks", "hyprland/window" // "custom/starter" ], // Modules Center "modules-center": [ "clock" ], // Modules Right "modules-right": [ // "custom/waybar-media", "custom/playerprevious", "custom/playerpause", "custom/playernext", "pulseaudio", // "bluetooth", "network", // "group/hardware", "cpu", "memory", "custom/wallpaper", "tray", "custom/exit" // "custom/ml4w-welcome", ] } ================================================ FILE: .config/waybar/alt_config/modules.json ================================================ // __ __ _ _ // | \/ | ___ __| |_ _| | ___ ___ // | |\/| |/ _ \ / _` | | | | |/ _ \/ __| // | | | | (_) | (_| | |_| | | __/\__ \ // |_| |_|\___/ \__,_|\__,_|_|\___||___/ // // // by Stephan Raabe (2023) // Edited by Pilk (2024) :3c // ----------------------------------------------------- // { // Workspaces "hyprland/workspaces" : { "on-click": "activate", "active-only": false, "all-outputs": true, "format": "{}", "format-icons": { "urgent": "", "active": "", "default": "" }, "persistent-workspaces": { "*": 5 } }, // Taskbar "wlr/taskbar": { "format": "{icon}", "icon-size": 18, "tooltip-format": "{title}", "on-click": "activate", "on-click-middle": "close", "ignore-list": [ "Alacritty" ], "app_ids-mapping": { "firefoxdeveloperedition": "firefox-developer-edition" }, "rewrite": { "Firefox Web Browser": "Firefox", "Foot Server": "Terminal" } }, // Hyprland Window "hyprland/window": { "rewrite": { "(.*) - Brave": "$1", "(.*) - Chromium": "$1", "(.*) - Brave Search": "$1", "(.*) - Outlook": "$1", "(.*) Microsoft Teams": "$1" }, "separate-outputs": true }, // Wallpaper "custom/wallpaper": { "format": "", "on-click": "waypaper", "tooltip": false }, // Settings "custom/settings": { "format": "", "on-click": "~/.config/ml4w/apps/ML4W_Dotfiles_Settings-x86_64.AppImage", "tooltip": false }, // Keybindings "custom/keybindings": { "format": "", "on-click": "~/.config/hypr/scripts/keybindings.sh", "tooltip": false }, // Filemanager Launcher "custom/filemanager": { "format": "", "on-click": "nautilus", "tooltip": false }, // Browser Launcher "custom/browser": { "format": "", "on-click": "~/.config/ml4w/settings/browser.sh", "tooltip": false }, // Rofi Application Launcher "custom/appmenu": { "format": "Apps", "on-click": "rofi -show drun -replace", "on-click-right": "~/.config/hypr/scripts/keybindings.sh", "tooltip": false }, // Power Menu "custom/exit": { "format": "", "on-click": "wlogout", "tooltip": false }, // Keyboard State "keyboard-state": { "numlock": true, "capslock": true, "format": "{name} {icon}", "format-icons": { "locked": "", "unlocked": "" } }, // System tray "tray": { // "icon-size": 21, "spacing": 10 }, // Clock "clock": { "format": "{:%H:%M}", "format-alt": "{:%R %a %d %b}", "on-click": "ags -t calendar", "tooltip": false }, // System "custom/system": { "format": "", "tooltip": false }, // CPU "cpu": { "format": "C {usage}% ", "on-click": "kitty -e btop" }, // Memory "memory": { "format": "M {}% ", "on-click": "kitty -e btop" }, // Harddisc space used "disk": { "interval": 30, "format": "D {percentage_used}% ", "path": "/", "on-click": "alacritty -e htop" }, "hyprland/language": { "format": "/ K {short}" }, // Group Hardware "group/hardware": { "orientation": "inherit", "drawer": { "transition-duration": 300, "children-class": "not-memory", "transition-left-to-right": false }, "modules": [ "custom/system", "disk", "cpu", "memory", "hyprland/language" ] }, // Group Settings "group/settings": { "orientation": "inherit", "drawer": { "transition-duration": 300, "children-class": "not-memory", "transition-left-to-right": false }, "modules": [ "custom/settings", "custom/waybarthemes", "custom/wallpaper" ] }, // Group Quicklinks "group/quicklinks": { "orientation": "horizontal", "modules": [ "custom/filemanager", "custom/browser" ] }, // Network "network": { "format": "{ifname}", "format-wifi": " {signalStrength}%", "format-ethernet": " {ipaddr}", "format-disconnected": "Not connected", //An empty format will hide the module. "tooltip-format": " {ifname} via {gwaddri}", "tooltip-format-wifi": " {essid} ({signalStrength}%)", "tooltip-format-ethernet": " {ifname} ({ipaddr}/{cidr})", "tooltip-format-disconnected": "Disconnected", "max-length": 50, "on-click": "alacritty -e nmtui" }, // Battery "battery": { "states": { // "good": 95, "warning": 30, "critical": 15 }, "format": "{icon} {capacity}%", "format-charging": " {capacity}%", "format-plugged": " {capacity}%", "format-alt": "{icon} {time}", // "format-good": "", // An empty format will hide the module // "format-full": "", "format-icons": [" ", " ", " ", " ", " "] }, // Pulseaudio "pulseaudio": { // "scroll-step": 1, // %, can be a float "format": "{icon} {volume}%", "format-bluetooth": "{volume}% {icon} {format_source}", "format-bluetooth-muted": " {icon} {format_source}", "format-muted": " {format_source}", "format-source": "{volume}% ", "format-source-muted": "", "format-icons": { "headphone": "", "hands-free": "", "headset": "", "phone": "", "portable": "", "car": "", "default": ["", " ", " "] }, "on-click": "pavucontrol" }, // PlayerPause "custom/playerpause": { "format": "⏯︎", "on-click": "playerctl play-pause", // WaybarMedia }, "modules-center": ["custom/waybar-media"], "custom/waybar-media": { "return-type": "json", "exec": "waybar-media.py status", "on-click": "waybar-media.py playpause", "on-scroll-up": "waybar-media.py previous", "on-scroll-down": "waybar-media.py next", "escape": true }, // PlayerNext "custom/playernext": { "format": "⏵︎", "on-click": "playerctl next", "tooltip": false, }, // PlayerPrevious "custom/playerprevious": { "format": "⏴︎", "on-click": "playerctl previous", "tooltip": false, }, // Bluetooth "bluetooth": { "format-disabled": "", "format-off": "", "interval": 30, "on-click": "blueman-manager", "format-no-controller": "" }, // Other "user": { "format": "{user}", "interval": 60, "icon": false, }, // Idle Inhibator "idle_inhibitor": { "format": "{icon}", "tooltip": true, "format-icons":{ "activated": "", "deactivated": "" }, "on-click-right": "hyprlock" } } ================================================ FILE: .config/waybar/alt_config/style.css ================================================ /* * __ __ _ ____ _ _ * \ \ / /_ _ _ _| |__ __ _ _ __ / ___|| |_ _ _| | ___ * \ \ /\ / / _` | | | | '_ \ / _` | '__| \___ \| __| | | | |/ _ \ * \ V V / (_| | |_| | |_) | (_| | | ___) | |_| |_| | | __/ * \_/\_/ \__,_|\__, |_.__/ \__,_|_| |____/ \__|\__, |_|\___| * |___/ |___/ * * by Stephan Raabe (2023) * Edited by Pilk (2024) :3c * ----------------------------------------------------- */ /* ----------------------------------------------------- * Import Pywal colors * ----------------------------------------------------- */ /* @import 'style-light.css'; */ @define-color backgroundlight #FFFFFF; @define-color backgrounddark #FFFFFF; @define-color workspacesbackground1 #FFFFFF; @define-color workspacesbackground2 #CCCCCC; @define-color bordercolor #FFFFFF; @define-color textcolor1 #000000; @define-color textcolor2 #000000; @define-color textcolor3 #FFFFFF; @define-color iconcolor #FFFFFF; @define-color bordercolor1 #16DADC; @define-color bordercolor2 #0099CC; @define-color backend1 #080809; /* ----------------------------------------------------- * General * ----------------------------------------------------- */ * { font-family: "Fira Sans Semibold", "Font Awesome 6 Free", FontAwesome, Roboto, Helvetica, Arial, sans-serif; border: 15px; border-radius: 20px; } window#waybar { background-color: @backend1; margin: 5px 0 0 0; border: 2px solid @bordercolor1; border-radius: 40px 40px; } /* ----------------------------------------------------- * Workspaces * ----------------------------------------------------- */ #workspaces { margin: 6px 1px 6px 1px; padding: 1px 5px; border-radius: 15px; border: 15px; font-weight: bold; font-style: normal; font-size: 16px; color: @textcolor1; } #workspaces button { padding: 0px 5px; margin: 4px 3px; border-radius: 15px; border: 0px; color: @textcolor3; transition: all 0.3s ease-in-out; } #workspaces button.active { color: @textcolor1; background: @bordercolor1; border-radius: 15px; min-width: 15px; transition: all 0.3s ease-in-out; } #workspaces button:hover { color: @textcolor1; background: @workspacesbackground2; border-radius: 15px; } /* ----------------------------------------------------- * Tooltips * ----------------------------------------------------- */ tooltip { border-radius: 10px; background-color: @backgroundlight; opacity:0.8; padding:20px; margin:0px; } tooltip label { color: @textcolor2; } /* ----------------------------------------------------- * Window * ----------------------------------------------------- */ #window { /* background: @backgroundlight;*/ margin: 10px 15px 10px 0px; padding: 2px 10px 0px 10px; /*border-radius: 12px;*/ color:@textcolor0; font-size:13px; font-weight:normal; } window#waybar.empty #window { background-color:transparent; } /* ----------------------------------------------------- * Taskbar * ----------------------------------------------------- */ #taskbar { /* * background: @backgroundlight; */ margin: 6px 15px 6px 0px; padding:0px; border-radius: 15px; font-weight: normal; font-style: normal; /* border: 1px solid @backgroundlight;*/ } #taskbar button { margin:0; border-radius: 15px; padding: 0px 5px 0px 5px; } /* ----------------------------------------------------- * Modules * ----------------------------------------------------- */ .modules-left > widget:first-child > #workspaces { margin-left: 5; } .modules-right > widget:last-child > #workspaces { margin-right: 0; } /* ----------------------------------------------------- * Custom Quicklinks * ----------------------------------------------------- */ #custom-brave, #custom-browser, #custom-keybindings, #custom-outlook, #custom-filemanager, #custom-teams, #custom-chatgpt, #custom-calculator, #custom-windowsvm, #custom-cliphist, #custom-settings, #custom-wallpaper, #custom-system, #custom-hyprshade, #custom-hypridle, #custom-quicklink1, #custom-quicklink2, #custom-quicklink3, #custom-quicklink4, #custom-quicklink5, #custom-quicklink6, #custom-quicklink7, #custom-quicklink8, #custom-quicklink9, #custom-quicklink10, #custom-waybarthemes { margin-right: 15px; font-size: 20px; font-weight: bold; color: @iconcolor; } /* ----------------------------------------------------- * Idle Inhibator * ----------------------------------------------------- */ #idle_inhibitor { margin-right: 15px; font-size: 22px; font-weight: bold; opacity: 0.8; color: @iconcolor; } #idle_inhibitor.activated { margin-right: 15px; font-size: 20px; font-weight: bold; opacity: 0.8; color: #dc2f2f; } /* ----------------------------------------------------- * Custom Modules * ----------------------------------------------------- */ #custom-appmenu { background-color: @backgrounddark; font-size: 16px; color: @textcolor1; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 10px; } /* ----------------------------------------------------- * Custom Exit * ----------------------------------------------------- */ #custom-exit { margin: 0px 20px 0px 0px; padding:0px; font-size:20px; color: @iconcolor; } /* ----------------------------------------------------- * Hardware Group * ----------------------------------------------------- */ #disk,#memory,#cpu,#language { margin:0px; padding:0px; font-size:16px; color:@iconcolor; } #language { margin-right:10px; } /* ----------------------------------------------------- * Clock * ----------------------------------------------------- */ #clock { margin: 10px 15px 10px 0px; font-size: 16px; color: @textcolor0; } /* ----------------------------------------------------- * Backlight * ----------------------------------------------------- */ #backlight { background-color: @backgroundlight; font-size: 16px; color: @textcolor2; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 0px; } /* ----------------------------------------------------- * Pulseaudio * ----------------------------------------------------- */ #pulseaudio { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 2px 0px 0px 0px; margin: 10px -0px 10px 5px; } #pulseaudio.muted { background-color: @backgrounddark; color: @textcolor1; } /* ----------------------------------------------------- * Network * ----------------------------------------------------- */ #network { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 5px 10px 5px; } #network.ethernet { color: @textcolor0; } #network.wifi { color: @textcolor0; } /* ----------------------------------------------------- * Bluetooth * ----------------------------------------------------- */ #bluetooth, #bluetooth.on, #bluetooth.connected { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 0px; } #bluetooth.off { background-color: transparent; padding: 0px; margin: 0px; } /* ----------------------------------------------------- * Battery * ----------------------------------------------------- */ #battery { background-color: @backgroundlight; font-size: 16px; color: @textcolor2; border-radius: 15px; padding: 2px 15px 0px 10px; margin: 10px 15px 10px 0px; } #battery.charging, #battery.plugged { color: @textcolor2; background-color: @backgroundlight; } @keyframes blink { to { background-color: @backgroundlight; color: @textcolor2; } } #battery.critical:not(.charging) { background-color: #f53c3c; color: @textcolor3; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* ----------------------------------------------------- * Tray * ----------------------------------------------------- */ #tray { margin:0px 10px 0px 0px; } #tray > .passive { -gtk-icon-effect: dim; } #tray > .needs-attention { -gtk-icon-effect: highlight; background-color: #eb4d4b; } #custom-playerpause { font-size: 35px; color: @textcolor0; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } #custom-playernext { font-size: 35px; color: @textcolor0; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } #custom-playerprevious { font-size: 35px; color: @textcolor0; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } /* ----------------------------------------------------- * Other * ----------------------------------------------------- */ label:focus { background-color: #000000; } #backlight { background-color: #90b1b1; } #network.disconnected { background-color: #f53c3c; } ================================================ FILE: .config/waybar/config ================================================ // __ __ _ // \ \ / /_ _ _ _| |__ __ _ _ __ // \ \ /\ / / _` | | | | '_ \ / _` | '__| // \ V V / (_| | |_| | |_) | (_| | | // \_/\_/ \__,_|\__, |_.__/ \__,_|_| // |___/ // // by Stephan Raabe (2023) // Edited by Pilk (2024) :3c // ----------------------------------------------------- // { // General Settings "layer": "top", "margin-bottom": 0, "layer": "top", "margin-left": 0, "margin-right": 0, "spacing": 0, // Position TOP "layer": "top", "margin-bottom": 2, "margin-left": 20, "margin-right": 20, "margin-top": 12, // Position BOTTOM // "position": "bottom", // "margin-top": 0, // "margin-bottom": 14, "layer": "top", "margin-left": 15, "margin-right": 15, "spacing": 0, // Load Modules "include": [ ".config/waybar/modules.json", ], // Modules Left "modules-left": [ "hyprland/workspaces", // "custom/appmenu" //"custom/settings", // "custom/waybarthemes", // "group/quicklinks", "hyprland/window" // "custom/starter" ], // Modules Center "modules-center": [ "clock" ], // Modules Right "modules-right": [ // "custom/waybar-media", "custom/playerprevious", "custom/playerpause", "custom/playernext", "pulseaudio", // "bluetooth", "network", // "group/hardware", "cpu", "memory", // "custom/wallpaper", "tray", "custom/exit" // "custom/ml4w-welcome", ] } ================================================ FILE: .config/waybar/modules.json ================================================ // __ __ _ _ // | \/ | ___ __| |_ _| | ___ ___ // | |\/| |/ _ \ / _` | | | | |/ _ \/ __| // | | | | (_) | (_| | |_| | | __/\__ \ // |_| |_|\___/ \__,_|\__,_|_|\___||___/ // // // by Stephan Raabe (2023) // Edited by Pilk (2024) :3c // ----------------------------------------------------- // { // Workspaces "hyprland/workspaces" : { "on-click": "activate", "active-only": false, "all-outputs": true, "format": "{}", "format-icons": { "urgent": "", "active": "", "default": "" }, "persistent-workspaces": { "*": 5 } }, // Taskbar "wlr/taskbar": { "format": "{icon}", "icon-size": 18, "tooltip-format": "{title}", "on-click": "activate", "on-click-middle": "close", "ignore-list": [ "Alacritty" ], "app_ids-mapping": { "firefoxdeveloperedition": "firefox-developer-edition" }, "rewrite": { "Firefox Web Browser": "Firefox", "Foot Server": "Terminal" } }, // Hyprland Window "hyprland/window": { "rewrite": { "(.*) - Brave": "$1", "(.*) - Chromium": "$1", "(.*) - Brave Search": "$1", "(.*) - Outlook": "$1", "(.*) Microsoft Teams": "$1" }, "separate-outputs": true }, // Wallpaper "custom/wallpaper": { "format": "", "on-click": "waypaper", "on-click-right": "waypaper --random", "tooltip": false }, // Rofi Application Launcher "custom/appmenu": { "format": "Apps", "on-click": "rofi -show drun -replace", "tooltip": false }, // Power Menu "custom/exit": { "format": "", "on-click": "wlogout", "tooltip": false }, // Keyboard State "keyboard-state": { "numlock": true, "capslock": true, "format": "{name} {icon}", "format-icons": { "locked": "", "unlocked": "" } }, // System tray "tray": { // "icon-size": 21, "spacing": 10 }, // Clock "clock": { "format": "{:%H:%M}", "format-alt": "{:%R %a %d %b}", "on-click": "ags -t calendar", "tooltip": false }, // System "custom/system": { "format": "", "tooltip": false }, // CPU "cpu": { "format": " {usage}% ", "on-click": "kitty -e btop" }, // Memory "memory": { "format": " {}% ", "on-click": "kitty -e btop" }, // Harddisc space used "disk": { "interval": 30, "format": "D {percentage_used}% ", "path": "/", "on-click": "kitty -e htop" }, "hyprland/language": { "format": "/ K {short}" }, // Group Hardware "group/hardware": { "orientation": "inherit", "drawer": { "transition-duration": 300, "children-class": "not-memory", "transition-left-to-right": false }, "modules": [ "custom/system", "disk", "cpu", "memory", "hyprland/language" ] }, // Group Settings "group/settings": { "orientation": "inherit", "drawer": { "transition-duration": 300, "children-class": "not-memory", "transition-left-to-right": false }, "modules": [ "custom/settings", "custom/waybarthemes", "custom/wallpaper" ] }, // Group Quicklinks "group/quicklinks": { "orientation": "horizontal", "modules": [ "custom/filemanager", "custom/browser" ] }, // Network "network": { "format": "{ifname}", "format-wifi": " {signalStrength}%", "format-ethernet": " {ipaddr}", "format-disconnected": "Not connected", //An empty format will hide the module. "tooltip-format": " {ifname} via {gwaddri}", "tooltip-format-wifi": " {essid} ({signalStrength}%)", "tooltip-format-ethernet": " {ifname} ({ipaddr}/{cidr})", "tooltip-format-disconnected": "Disconnected", "max-length": 50, "on-click": "kitty -e nmtui" }, // Battery "battery": { "states": { // "good": 95, "warning": 30, "critical": 15 }, "format": "{icon} {capacity}%", "format-charging": " {capacity}%", "format-plugged": " {capacity}%", "format-alt": "{icon} {time}", // "format-good": "", // An empty format will hide the module // "format-full": "", "format-icons": [" ", " ", " ", " ", " "] }, // Pulseaudio "pulseaudio": { // "scroll-step": 1, // %, can be a float "format": "{icon} {volume}%", "format-bluetooth": "{volume}% {icon} {format_source}", "format-bluetooth-muted": " {icon} {format_source}", "format-muted": " {format_source}", "format-source": "{volume}% ", "format-source-muted": "", "format-icons": { "headphone": "", "hands-free": "", "headset": "", "phone": "", "portable": "", "car": "", "default": ["", " ", " "] }, "on-click": "pavucontrol" }, // PlayerPause "custom/playerpause": { "format": "⏯︎", "on-click": "playerctl play-pause", "tooltip": false, // WaybarMedia }, "modules-center": ["custom/waybar-media"], "custom/waybar-media": { "return-type": "json", "exec": "waybar-media.py status", "on-click": "waybar-media.py playpause", "on-scroll-up": "waybar-media.py previous", "on-scroll-down": "waybar-media.py next", "escape": true }, // PlayerNext "custom/playernext": { "format": "⏵︎", "on-click": "playerctl next", "tooltip": false, }, // PlayerPrevious "custom/playerprevious": { "format": "⏴︎", "on-click": "playerctl previous", "tooltip": false, }, // Bluetooth "bluetooth": { "format-disabled": "", "format-off": "", "interval": 30, "on-click": "blueman-manager", "format-no-controller": "" }, // Other "user": { "format": "{user}", "interval": 60, "icon": false, }, // Idle Inhibator "idle_inhibitor": { "format": "{icon}", "tooltip": true, "format-icons":{ "activated": "", "deactivated": "" }, "on-click-right": "hyprlock" } } ================================================ FILE: .config/waybar/style.css ================================================ /* * __ __ _ ____ _ _ * \ \ / /_ _ _ _| |__ __ _ _ __ / ___|| |_ _ _| | ___ * \ \ /\ / / _` | | | | '_ \ / _` | '__| \___ \| __| | | | |/ _ \ * \ V V / (_| | |_| | |_) | (_| | | ___) | |_| |_| | | __/ * \_/\_/ \__,_|\__, |_.__/ \__,_|_| |____/ \__|\__, |_|\___| * |___/ |___/ * * by Stephan Raabe (2023) * Edited by Pilk (2024) :3c * ----------------------------------------------------- */ /* ----------------------------------------------------- * Import Pywal colors * ----------------------------------------------------- */ /* @import 'style-light.css'; */ @define-color backgroundlight #FFFFFF; @define-color backgrounddark #FFFFFF; @define-color workspacesbackground1 #FFFFFF; @define-color workspacesbackground2 #CCCCCC; @define-color bordercolor #35D6E7; @define-color textcolor1 #000000; @define-color textcolor2 #000000; @define-color textcolor3 #FFFFFF; @define-color iconcolor #FFFFFF; @define-color backend1 #080809; /* ----------------------------------------------------- * General * ----------------------------------------------------- */ * { font-family: "Fira Sans Semibold", "Font Awesome 6 Free", DroidSansMNerdFont, FontAwesome, awesomefont, Roboto, Helvetica, Arial, "fontawesome-free-6.6.0", sans-serif; border: none; border-radius: 0px; } window#waybar { background-color: rgba(0, 0, 0, 0.6); margin: 10px 0 0 0; /* border: 2px solid @bordercolor; Enable border by removing these > */ border-radius: 50px 50px; } /* ----------------------------------------------------- * Workspaces * ----------------------------------------------------- */ #workspaces { margin: 6px 1px 6px 1px; padding: 0px 5px; border-radius: 15px; border: 0px; font-weight: bold; font-style: normal; font-size: 16px; color: @textcolor1; } #workspaces button { padding: 0px 5px; margin: 4px 3px; border-radius: 15px; border: 0px; color: @textcolor3; transition: all 0.3s ease-in-out; } #workspaces button.active { color: @textcolor1; background: @workspacesbackground2; border-radius: 15px; min-width: 15px; transition: all 0.3s ease-in-out; } #workspaces button:hover { color: @textcolor1; background: @workspacesbackground2; border-radius: 15px; } /* ----------------------------------------------------- * Tooltips * ----------------------------------------------------- */ tooltip { border-radius: 10px; background-color: @backgroundlight; opacity:0.8; padding:20px; margin:0px; } tooltip label { color: @textcolor2; } /* ----------------------------------------------------- * Window * ----------------------------------------------------- */ #window { /* background: @backgroundlight;*/ margin: 10px 15px 10px 0px; padding: 2px 10px 0px 10px; /*border-radius: 12px;*/ color:@textcolor0; font-size:13px; font-weight:normal; } window#waybar.empty #window { background-color:transparent; } /* ----------------------------------------------------- * Taskbar * ----------------------------------------------------- */ #taskbar { /* * background: @backgroundlight; */ margin: 6px 15px 6px 0px; padding:0px; border-radius: 15px; font-weight: normal; font-style: normal; /* border: 1px solid @backgroundlight;*/ } #taskbar button { margin:0; border-radius: 15px; padding: 0px 5px 0px 5px; } /* ----------------------------------------------------- * Modules * ----------------------------------------------------- */ .modules-left > widget:first-child > #workspaces { margin-left: 5; } .modules-right > widget:last-child > #workspaces { margin-right: 0; } /* ----------------------------------------------------- * Custom Quicklinks * ----------------------------------------------------- */ #custom-brave, #custom-browser, #custom-keybindings, #custom-outlook, #custom-filemanager, #custom-teams, #custom-chatgpt, #custom-calculator, #custom-windowsvm, #custom-cliphist, #custom-settings, #custom-wallpaper, #custom-system, #custom-hyprshade, #custom-hypridle, #custom-quicklink1, #custom-quicklink2, #custom-quicklink3, #custom-quicklink4, #custom-quicklink5, #custom-quicklink6, #custom-quicklink7, #custom-quicklink8, #custom-quicklink9, #custom-quicklink10, #custom-waybarthemes { margin-right: 15px; font-size: 20px; font-weight: bold; color: @iconcolor; } #custom-waybarthemes,#custom-system { margin-right:15px; } #custom-ml4w-welcome { margin-right: 12px; background-image: url("../assets/ml4w-icon.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; padding-right: 24px; } /* ----------------------------------------------------- * Idle Inhibator * ----------------------------------------------------- */ #idle_inhibitor { margin-right: 15px; font-size: 22px; font-weight: bold; opacity: 0.8; color: @iconcolor; } #idle_inhibitor.activated { margin-right: 15px; font-size: 20px; font-weight: bold; opacity: 0.8; color: #dc2f2f; } /* ----------------------------------------------------- * Custom Modules * ----------------------------------------------------- */ #custom-appmenu { background-color: @backgrounddark; font-size: 16px; color: @textcolor1; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 10px; } /* ----------------------------------------------------- * Custom Exit * ----------------------------------------------------- */ #custom-exit { margin: 0px 20px 0px 0px; padding:0px; font-size:20px; color: @iconcolor; } /* ----------------------------------------------------- * Hardware Group * ----------------------------------------------------- */ /* #disk,#memory,#cpu,#language { margin:0px; padding:0px; font-size:16px; color:@iconcolor; } "cpu", "memory", */ #cpu { margin: 1px 0px 0px 0px; padding:0px; font-size:16px; color: @iconcolor; } #memory { margin: 1px 0px 0px 0px; padding:0px; font-size:16px; color: @iconcolor; } #language { margin-right:10px; } /* ----------------------------------------------------- * Clock * ----------------------------------------------------- */ #clock { margin: 10px 15px 10px 0px; font-size: 16px; color: @textcolor0; } /* ----------------------------------------------------- * Backlight * ----------------------------------------------------- */ #backlight { background-color: @backgroundlight; font-size: 16px; color: @textcolor2; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 0px; } /* ----------------------------------------------------- * Pulseaudio * ----------------------------------------------------- */ #pulseaudio { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 1px 0px 0px 2px; margin: 10px 0px 10px 5px; } #pulseaudio.muted { background-color: @backgrounddark; color: @textcolor1; } /* ----------------------------------------------------- * Network * ----------------------------------------------------- */ #network { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 1px 10px 0px 9px; margin: 10px 5px 10px 6px; } #network.ethernet { color: @textcolor0; } #network.wifi { color: @textcolor0; } /* ----------------------------------------------------- * Bluetooth * ----------------------------------------------------- */ #bluetooth, #bluetooth.on, #bluetooth.connected { font-size: 16px; color: @textcolor0; border-radius: 15px; padding: 2px 10px 0px 10px; margin: 10px 15px 10px 0px; } #bluetooth.off { background-color: transparent; padding: 0px; margin: 0px; } /* ----------------------------------------------------- * Battery * ----------------------------------------------------- */ #battery { background-color: @backgroundlight; font-size: 16px; color: @textcolor2; border-radius: 15px; padding: 2px 15px 0px 10px; margin: 10px 15px 10px 0px; } #battery.charging, #battery.plugged { color: @textcolor2; background-color: @backgroundlight; } @keyframes blink { to { background-color: @backgroundlight; color: @textcolor2; } } #battery.critical:not(.charging) { background-color: #f53c3c; color: @textcolor3; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* ----------------------------------------------------- * Tray * ----------------------------------------------------- */ #tray { margin:0px 10px 0px 0px; } #tray > .passive { -gtk-icon-effect: dim; } #tray > .needs-attention { -gtk-icon-effect: highlight; background-color: #eb4d4b; } #custom-playerpause { font-size: 30px; color: @textcolor0; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; } #custom-playernext { font-size: 30px; color: @textcolor0; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; } #custom-playerprevious { font-size: 30px; color: @textcolor0; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; } #custom-playerprevious:hover, #custom-playerpause:hover, #custom-playernext:hover { color: #00bcd4; } /* ----------------------------------------------------- * Other * ----------------------------------------------------- */ label:focus { background-color: #000000; } #backlight { background-color: #90b1b1; } #network.disconnected { background-color: #f53c3c; } ================================================ FILE: .config/waypaper/config.ini ================================================ [Settings] language = en folder = ~/wallpaper wallpaper = ~/wallpaper/highlands-grid.jpg backend = swww monitors = All fill = fill sort = date color = #ffffff subfolders = True show_hidden = False show_gifs_only = False number_of_columns = 3 swww_transition_type = any swww_transition_step = 90 swww_transition_angle = 0 swww_transition_duration = 2 swww_transition_fps = 60 use_xdg_state = False ================================================ FILE: .config/wlogout/layout ================================================ { "label" : "lock", "action" : "loginctl lock-session", "text" : "lock", "keybind" : "l" } { "label" : "hibernate", "action" : "systemctl hibernate || loginctl hibernate", "text" : "save", "keybind" : "h" } { "label" : "logout", "action" : "pkill Hyprland || pkill sway || pkill niri || loginctl terminate-user $USER", "text" : "logout", "keybind" : "e" } { "label" : "shutdown", "action" : "systemctl poweroff || loginctl poweroff", "text" : "power_settings_new", "keybind" : "s" } { "label" : "suspend", "action" : "systemctl suspend || loginctl suspend", "text" : "bedtime", "keybind" : "u" } { "label" : "reboot", "action" : "systemctl reboot || loginctl reboot", "text" : "restart_alt", "keybind" : "r" } ================================================ FILE: .config/wlogout/style.css ================================================ /* _ _ __ _| | ___ __ _ ___ _ _| |_ \ \ /\ / / |/ _ \ / _` |/ _ \| | | | __| \ V V /| | (_) | (_| | (_) | |_| | |_ \_/\_/ |_|\___/ \__, |\___/ \__,_|\__| |___/ ----------------------------------------------------- */ /* ----------------------------------------------------- * General * ----------------------------------------------------- */ * { all: unset; background-image: none; transition: 400ms cubic-bezier(0.05, 0.7, 0.1, 1); } window { background: rgba(0, 0, 0, 0.5); } button { font-family: 'Material Symbols Outlined'; font-size: 10rem; background-color: rgba(11, 11, 11, 0.4); color: #FFFFFF; margin: 2rem; border-radius: 2rem; padding: 3rem; } button:active, button:hover { background-color: rgba(51, 51, 51, 0.5); border-radius: 4rem; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #eeeeec; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #888a8d; border-color: #13151a; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(39, 42, 52, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #74767a; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #606267; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #13151a; -slider-border-color: rgba(35, 37, 46, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(35, 37, 46, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off-dark.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on-dark.svg"); } .cinnamon-link { color: #8db7ff; text-decoration: underline; } .cinnamon-link:hover { color: #c0d7ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; spacing: 4px; padding: 8px; } .menu { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; margin: 10px 5px; background-color: #272a34; } .popup-sub-menu { background-color: #272a34; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-inactive-menu-item { color: #eeeeec; } .popup-inactive-menu-item:insensitive { color: #888a8d; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #eeeeec; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: #272a34; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #eeeeec; border-color: rgba(238, 238, 236, 0.11); background-color: rgba(238, 238, 236, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #eeeeec; } .popup-menu .popup-inactive-menu-item:insensitive { color: #888a8d; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #23252e; -arrow-border-width: 1px; -arrow-border-color: #13151a; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #272a34; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: #16171d; -gradient-end: #16171d; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #eeeeec; border: #ffffff; background-color: rgba(35, 37, 46, 0.79); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px rgba(22, 23, 29, 0.8); } .panel-bottom { box-shadow: 0 -1px rgba(22, 23, 29, 0.8); } .panel-left { box-shadow: 1px 0 rgba(22, 23, 29, 0.8); } .panel-right { box-shadow: -1px 0 rgba(22, 23, 29, 0.8); } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #13151a; background-color: #272a34; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #eeeeec; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(238, 238, 236, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #eeeeec; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #eeeeec; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #13151a; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #eeeeec; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #eeeeec; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #eeeeec; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(238, 238, 236, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(238, 238, 236, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #eeeeec; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(238, 238, 236, 0.4); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #eeeeec; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(238, 238, 236, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #eeeeec; } .calendar-other-month-day { color: rgba(238, 238, 236, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(238, 238, 236, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #eeeeec; } .popup-menu #notification { color: #eeeeec; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #eeeeec; } #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: #eeeeec; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #eeeeec; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #23252e; border: 1px solid #13151a; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #23252e; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #eeeeec; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #eeeeec; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: #272a34; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #13151a; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #13151a; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #888a8d; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #eeeeec; } .menu-search-entry-icon { icon-size: 1em; color: #eeeeec; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #eeeeec; background-color: #23252e; border: 1px solid #13151a; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(238, 238, 236, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #eeeeec; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .window-list-preview { spacing: 6px; color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(35, 37, 46, 0.9); border-top: 1px solid #13151a; color: #eeeeec; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #eeeeec; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player-overlay StButton:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #181a20; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(238, 238, 236, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .workspace-graph .workspace .windows { -active-window-background: rgba(67, 73, 90, 0.8); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(67, 73, 90, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(89, 96, 119, 0.8); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(46, 49, 61, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #eeeeec; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #eeeeec; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #eeeeec; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #eeeeec; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #13151a; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #23252e; color: #eeeeec; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #13151a; border-radius: 6px 6px 0 0; background-color: #1c1e25; color: #eeeeec; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:white\nbase_color:#292c37" # Foreground/background gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#23252e" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731" # Menus gtk-color-scheme = "menu_color:#1a1e23" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc" # Window decoration gtk-color-scheme = "window_color:#292c37" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #23252e; } .background:backdrop { color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #23252e; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #383d4b; } .gtkstyle-fallback:active { color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { color: #888a8d; background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: #272a34; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d5d7; background-color: #292c37; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #43495a; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #888a8d; background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #252831; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: #1e2128; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #242731; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #888a8d; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #43495a; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #272a34; border-top: 1px solid #13151a; } assistant .sidebar:backdrop { background-color: #292c37; border-color: #13151a; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #4b4d54; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #c6c7c7; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #21242c; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #23252e; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #21242c; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #272a34; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #272a34; background-color: #8b8c90; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #a5a6a9; } :backdrop .entry-tag { color: #292c37; background-color: #595b62; } .entry-tag.button { background-color: transparent; color: rgba(39, 42, 52, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #8b8c90; color: #272a34; } :not(:backdrop) .entry-tag.button:active { background-color: #8b8c90; color: rgba(39, 42, 52, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #3b3e46; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(19, 21, 26, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dadada; background-image: none; border-style: none none none solid; border-color: rgba(19, 21, 26, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; border-color: rgba(19, 21, 26, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:backdrop:disabled { color: #43495a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #13151a; background-color: #1e2028; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #13151a; background-color: #1d2027; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #13151a; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#0f1014); border-color: #0d0e11; border-top-color: #020202; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #13151a; } window.devel headerbar.titlebar:not(.selection-mode) { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #8b8c90; border-top-color: #23252e; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5b93f3; } treeview.view:disabled:backdrop { color: #43495a; } treeview.view.separator { min-height: 2px; color: #23252e; } treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bebfc2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #a0b9e3; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #6c6e73; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#272a34); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #292c37; } treeview.view.progressbar:backdrop { border-color: #292c37; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #8b8c90; background-color: #272a34; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bdbdbe; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #272a34; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #272a34; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #4f5159; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #23252e; background-image: none; } treeview.view header button:backdrop { color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; background-color: #292c37; } treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #23252e; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #20232b; border: 1px solid #13151a; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #282b35; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #888a8d; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #43495a; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #888a8d; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #20232b; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3b3e46; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #282b35; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #20232b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #13151a; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #23252e; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #13151a; border-width: 1px; background-color: #1d2027; } notebook > header:backdrop { border-color: #13151a; background-color: #1d2027; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #13151a; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #13151a; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #13151a; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #13151a; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #1a1c23; } notebook > header tab:hover.reorderable-page { border-color: rgba(19, 21, 26, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(19, 21, 26, 0.5); background-color: rgba(35, 37, 46, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #13151a; background-color: #23252e; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { background-color: #292c37; } /************** * Scrollbars * **************/ scrollbar { background-color: #272a34; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #13151a; } scrollbar.bottom { border-top: 1px solid #13151a; } scrollbar.left { border-right: 1px solid #13151a; } scrollbar.right { border-left: 1px solid #13151a; } scrollbar:backdrop { background-color: #1c1e25; border-color: #13151a; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9d9ea0; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c5c6c6; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9d9ea0; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c5c6c6; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 158, 160, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #13151a; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #13151a; border-radius: 14px; color: #eeeeec; background-color: #1d2027; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; text-shadow: none; } switch:backdrop { color: #888a8d; border-color: #13151a; background-color: #1d2027; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#3f4454); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#1c1e25); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #13151a; border-radius: 3px; background-color: #1d2027; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1d2027; border-color: #13151a; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #13151a; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } scale slider:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#13151a); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #13151a; background: white; padding: 0; } printdialog paper:backdrop { color: #888a8d; border-color: #13151a; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #13151a; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #13151a; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #13151a; } actionbar > revealer > box:backdrop { border-color: #13151a; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #13151a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #272a34; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #13151a 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: #272a34; border-color: #13151a; } list:backdrop { color: #d4d5d7; background-color: #292c37; border-color: #13151a; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #13151a; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { color: rgba(136, 138, 141, 0.45); } calendar.highlight { color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; border-color: #13151a; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #23252e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #13151a; } filechooser .dialog-action-box:backdrop { border-top-color: #13151a; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #252831; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #13151a; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #13151a; border-right-style: none; } .sidebar:backdrop { background-color: #262933; border-color: #13151a; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #13151a; } separator.sidebar:backdrop { background-color: #13151a; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #888a8d; } placessidebar row:backdrop { color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { color: #43495a; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#13151a); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#13151a); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #23252e; background-image: image(#13151a), image(#13151a); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; background-image: image(#13151a), image(#13151a); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #1e2128; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #1e2128; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #13151a; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #13151a; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #13151a; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #13151a; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #13151a; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #13151a; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #13151a; border: solid 1px #13151a; border-radius: 0; box-shadow: inset 0 0 0 3px rgba(35, 37, 46, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #272a34; border: 1px solid; border-color: #13151a; border-radius: 5px; box-shadow: inset 0 -3px #1b1d24; font-size: smaller; } .keycap:backdrop { background-color: #292c37; color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #3b3e46; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#23252e, 0.5); border-color: alpha(#13151a, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #888a8d; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #13151a; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#13151a, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#23252e)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#13151a, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#13151a, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #13151a; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #13151a; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#23252e, #272a34, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #272a34; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#13151a, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#13151a, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(136, 138, 141, 0.5); } tabbar .box { min-height: 38px; background: #0f1014; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: #0f1014; border-color: #13151a; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #13151a; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #13151a; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #13151a; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #16171d; } tabbar tab:checked { background-color: #23252e; } tabbar tab:checked:hover { background-color: #292c37; } tabbar tab:hover { background-color: #1c1e25; } tabbar tab:backdrop { border-color: #13151a; background-color: #16171d; } tabbar tab:backdrop:checked { background-color: #23252e; } tabbar .start-action, tabbar .end-action { background: #16171d; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #13151a; background-color: #16171d; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #292c37; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: rgba(35, 37, 46, 0.999); } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#1d2027); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #1d2027; } headerbar spinbutton:not(.vertical), headerbar entry { background: #272a34; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #13151a; } switch slider:checked { border-color: #13151a; } switch slider:checked:backdrop:not(:disabled) { border-color: #13151a; } switch slider:disabled { border-color: #13151a; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #13151a; background-image: image(#23252e); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #13151a; border-radius: 6px; background-color: #13151a; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #13151a; border-color: #13151a; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #13151a; border-color: #13151a; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #13151a; border-color: #13151a; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: rgba(35, 37, 46, 0.8); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: rgba(35, 37, 46, 0.8); } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#323643); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#323643); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #23252e; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #23252e; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #4e5468; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #23252e; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #13151a; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #292c37; } /************** * Tree Views * **************/ treeview.view { border-top-color: #13151a; } treeview.view:backdrop { border-top-color: #13151a; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #13151a; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(19, 21, 26, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #1d2027; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #13151a; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #272a34; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #13151a; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #272a34; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #13151a; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #272a34; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #13151a; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #272a34; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #eeb884; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e9a35e; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d48d8d; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c66a6b; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #23252e; color: white; box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #23252e; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(19, 21, 26, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #23252e; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #23252e; border-top-width: 0; border-bottom-width: 2px; background: transparent; border-color: rgba(35, 37, 46, 0.8) rgba(35, 37, 46, 0.8) #23252e; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } window.unified, window.unified:backdrop { background: linear-gradient(to bottom, rgba(35, 37, 46, 0.8) 40px, #23252e 40px); } window.unified decoration, window.unified:backdrop decoration { border: 0; } window.unified headerbar, window.unified:backdrop headerbar { background: transparent; } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: rgba(35, 37, 46, 0.8); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(rgba(30, 33, 40, 0.95)); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #13151a; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: rgba(43, 50, 66, 0.7); border-radius: 99px; box-shadow: inset 0 0 0 1px #13151a; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #323643; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #272a34; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #13151a; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #1c1e25; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #1c1e25; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #3d4251; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: rgba(35, 37, 46, 0.8); color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: rgba(35, 37, 46, 0.8); border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(35, 37, 46, 0.4); border-color: rgba(35, 37, 46, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #23252e; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #888a8d; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #13151a; } .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; } .workspace-switcher .workspace-layout { border: 0 solid rgba(35, 37, 46, 0.8); } .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(24, 26, 32, 0.8); } .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.current-workspace { background-color: rgba(24, 26, 32, 0.8); } .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: #272a34; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #13151a; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #13151a; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #23252e; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #23252e; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #13151a; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #13151a; background-color: #272a34; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #23252e; } .raven-mpris { background-color: rgba(35, 37, 46, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #23252e; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #23252e; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #13151a; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: #272a34; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #13151a; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #13151a; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #23252e; /* text widgets and the like base background color */ @define-color theme_base_color #272a34; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #23252e; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #292c37; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #43495a; /* widgets main borders color */ @define-color borders #13151a; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #13151a; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); @define-color wm_bg_b #23252e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#23252e, 1.3); @define-color wm_button_hover_color_b #23252e; @define-color wm_button_active_color_a shade(#23252e, 0.85); @define-color wm_button_active_color_b shade(#23252e, 0.89); @define-color wm_button_active_color_c shade(#23252e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #272a34; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1a1c23; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Dark Comment=Flat-Remix-GTK-Blue-Dark theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Dark MetacityTheme=Flat-Remix-Dark-Metacity IconTheme=Flat-Remix-Blue-Dark CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Dark rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #eeeeec; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #888a8d; border-color: #13151a; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(39, 42, 52, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #74767a; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #606267; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #13151a; -slider-border-color: rgba(35, 37, 46, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(35, 37, 46, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off-dark.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on-dark.svg"); } .cinnamon-link { color: #8db7ff; text-decoration: underline; } .cinnamon-link:hover { color: #c0d7ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; spacing: 4px; padding: 8px; } .menu { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; margin: 10px 5px; background-color: #272a34; } .popup-sub-menu { background-color: #272a34; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-inactive-menu-item { color: #eeeeec; } .popup-inactive-menu-item:insensitive { color: #888a8d; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #eeeeec; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: #272a34; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #eeeeec; border-color: rgba(238, 238, 236, 0.11); background-color: rgba(238, 238, 236, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #eeeeec; } .popup-menu .popup-inactive-menu-item:insensitive { color: #888a8d; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #23252e; -arrow-border-width: 1px; -arrow-border-color: #13151a; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #272a34; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: #16171d; -gradient-end: #16171d; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #eeeeec; border: #ffffff; background-color: rgba(35, 37, 46, 0.99); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px #16171d; } .panel-bottom { box-shadow: 0 -1px #16171d; } .panel-left { box-shadow: 1px 0 #16171d; } .panel-right { box-shadow: -1px 0 #16171d; } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #13151a; background-color: #272a34; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #eeeeec; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(238, 238, 236, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #eeeeec; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #eeeeec; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #13151a; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #eeeeec; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #eeeeec; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #eeeeec; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(238, 238, 236, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(238, 238, 236, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #eeeeec; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(238, 238, 236, 0.4); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #eeeeec; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(238, 238, 236, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #eeeeec; } .calendar-other-month-day { color: rgba(238, 238, 236, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(238, 238, 236, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #eeeeec; } .popup-menu #notification { color: #eeeeec; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #eeeeec; } #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: #eeeeec; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #eeeeec; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #23252e; border: 1px solid #13151a; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #23252e; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #eeeeec; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #eeeeec; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: #272a34; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #13151a; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #13151a; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #888a8d; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #eeeeec; } .menu-search-entry-icon { icon-size: 1em; color: #eeeeec; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #eeeeec; border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #eeeeec; background-color: #23252e; border: 1px solid #13151a; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(238, 238, 236, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #eeeeec; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .window-list-preview { spacing: 6px; color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #eeeeec; border: 1px solid #13151a; background-color: #23252e; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(35, 37, 46, 0.9); border-top: 1px solid #13151a; color: #eeeeec; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #eeeeec; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player-overlay StButton:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#0f1014); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #181a20; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(238, 238, 236, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .workspace-graph .workspace .windows { -active-window-background: #43495a; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #43495a; -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: #596077; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #2e313d; -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #eeeeec; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #eeeeec; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #eeeeec; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #eeeeec; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #13151a; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #23252e; color: #eeeeec; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #13151a; border-radius: 6px 6px 0 0; background-color: #1c1e25; color: #eeeeec; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #13151a; border-radius: 6px; background-color: #23252e; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:white\nbase_color:#292c37" # Foreground/background gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#23252e" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731" # Menus gtk-color-scheme = "menu_color:#1a1e23" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc" # Window decoration gtk-color-scheme = "window_color:#292c37" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #23252e; } .background:backdrop { color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #23252e; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #383d4b; } .gtkstyle-fallback:active { color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { color: #888a8d; background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: #272a34; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d5d7; background-color: #292c37; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #43495a; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #888a8d; background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #252831; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: #1e2128; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #242731; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #888a8d; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #43495a; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #272a34; border-top: 1px solid #13151a; } assistant .sidebar:backdrop { background-color: #292c37; border-color: #13151a; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #4b4d54; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #c6c7c7; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #21242c; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #23252e; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #21242c; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #272a34; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #272a34; background-color: #8b8c90; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #a5a6a9; } :backdrop .entry-tag { color: #292c37; background-color: #595b62; } .entry-tag.button { background-color: transparent; color: rgba(39, 42, 52, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #8b8c90; color: #272a34; } :not(:backdrop) .entry-tag.button:active { background-color: #8b8c90; color: rgba(39, 42, 52, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #3b3e46; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(19, 21, 26, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dadada; background-image: none; border-style: none none none solid; border-color: rgba(19, 21, 26, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; border-color: rgba(19, 21, 26, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:backdrop:disabled { color: #43495a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #13151a; background-color: #1e2028; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #13151a; background-color: #1d2027; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #13151a; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#0f1014); border-color: #0d0e11; border-top-color: #020202; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #13151a; } window.devel headerbar.titlebar:not(.selection-mode) { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #8b8c90; border-top-color: #23252e; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5b93f3; } treeview.view:disabled:backdrop { color: #43495a; } treeview.view.separator { min-height: 2px; color: #23252e; } treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bebfc2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #a0b9e3; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #6c6e73; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#272a34); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #292c37; } treeview.view.progressbar:backdrop { border-color: #292c37; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #8b8c90; background-color: #272a34; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bdbdbe; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #272a34; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #272a34; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #4f5159; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #23252e; background-image: none; } treeview.view header button:backdrop { color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; background-color: #292c37; } treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #23252e; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #20232b; border: 1px solid #13151a; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #282b35; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #888a8d; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #43495a; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #888a8d; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #20232b; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3b3e46; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #282b35; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #20232b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #13151a; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #23252e; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #13151a; border-width: 1px; background-color: #1d2027; } notebook > header:backdrop { border-color: #13151a; background-color: #1d2027; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #13151a; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #13151a; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #13151a; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #13151a; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #1a1c23; } notebook > header tab:hover.reorderable-page { border-color: rgba(19, 21, 26, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(19, 21, 26, 0.5); background-color: rgba(35, 37, 46, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #13151a; background-color: #23252e; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { background-color: #292c37; } /************** * Scrollbars * **************/ scrollbar { background-color: #272a34; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #13151a; } scrollbar.bottom { border-top: 1px solid #13151a; } scrollbar.left { border-right: 1px solid #13151a; } scrollbar.right { border-left: 1px solid #13151a; } scrollbar:backdrop { background-color: #1c1e25; border-color: #13151a; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9d9ea0; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c5c6c6; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9d9ea0; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c5c6c6; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 158, 160, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #13151a; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #13151a; border-radius: 14px; color: #eeeeec; background-color: #1d2027; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; text-shadow: none; } switch:backdrop { color: #888a8d; border-color: #13151a; background-color: #1d2027; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#3f4454); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#1c1e25); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #13151a; border-radius: 3px; background-color: #1d2027; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1d2027; border-color: #13151a; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #13151a; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } scale slider:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#13151a); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #13151a; background: white; padding: 0; } printdialog paper:backdrop { color: #888a8d; border-color: #13151a; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #13151a; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #13151a; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #13151a; } actionbar > revealer > box:backdrop { border-color: #13151a; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #13151a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #272a34; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #13151a 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: #272a34; border-color: #13151a; } list:backdrop { color: #d4d5d7; background-color: #292c37; border-color: #13151a; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #13151a; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { color: rgba(136, 138, 141, 0.45); } calendar.highlight { color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; border-color: #13151a; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #23252e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #13151a; } filechooser .dialog-action-box:backdrop { border-top-color: #13151a; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #252831; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #13151a; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #13151a; border-right-style: none; } .sidebar:backdrop { background-color: #262933; border-color: #13151a; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #13151a; } separator.sidebar:backdrop { background-color: #13151a; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #888a8d; } placessidebar row:backdrop { color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { color: #43495a; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#13151a); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#13151a); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #23252e; background-image: image(#13151a), image(#13151a); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; background-image: image(#13151a), image(#13151a); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #1e2128; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #1e2128; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #13151a; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #13151a; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #13151a; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #13151a; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #13151a; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #13151a; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #13151a; border: solid 1px #13151a; border-radius: 0; box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #272a34; border: 1px solid; border-color: #13151a; border-radius: 5px; box-shadow: inset 0 -3px #1b1d24; font-size: smaller; } .keycap:backdrop { background-color: #292c37; color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #3b3e46; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#23252e, 0.5); border-color: alpha(#13151a, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #888a8d; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #13151a; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#13151a, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#23252e)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#13151a, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#13151a, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #13151a; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #13151a; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#23252e, #272a34, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #272a34; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#13151a, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#13151a, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(136, 138, 141, 0.5); } tabbar .box { min-height: 38px; background: #0f1014; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: #0f1014; border-color: #13151a; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #13151a; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #13151a; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #13151a; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #16171d; } tabbar tab:checked { background-color: #23252e; } tabbar tab:checked:hover { background-color: #292c37; } tabbar tab:hover { background-color: #1c1e25; } tabbar tab:backdrop { border-color: #13151a; background-color: #16171d; } tabbar tab:backdrop:checked { background-color: #23252e; } tabbar .start-action, tabbar .end-action { background: #16171d; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #13151a; background-color: #16171d; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #292c37; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: #23252e; } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#1d2027); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #1d2027; } headerbar spinbutton:not(.vertical), headerbar entry { background: #272a34; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #13151a; } switch slider:checked { border-color: #13151a; } switch slider:checked:backdrop:not(:disabled) { border-color: #13151a; } switch slider:disabled { border-color: #13151a; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #13151a; background-image: image(#23252e); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #13151a; border-radius: 6px; background-color: #13151a; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #13151a; border-color: #13151a; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #13151a; border-color: #13151a; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #13151a; border-color: #13151a; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: #23252e; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: #23252e; } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#323643); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#323643); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #23252e; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #23252e; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #4e5468; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #23252e; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #13151a; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #292c37; } /************** * Tree Views * **************/ treeview.view { border-top-color: #13151a; } treeview.view:backdrop { border-top-color: #13151a; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #13151a; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(19, 21, 26, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #1d2027; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #13151a; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #272a34; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #13151a; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #272a34; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #13151a; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #272a34; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #13151a; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #272a34; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #eeb884; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e9a35e; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d48d8d; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c66a6b; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #23252e; color: white; box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #23252e; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(19, 21, 26, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #23252e; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #23252e; border-top-width: 0; border-bottom-width: 2px; background: #23252e; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: #23252e; } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, #08090b 41px, #1e2128 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, #08090b 41px, #1e2128 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(#1e2128); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #13151a; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: #2b3242; border-radius: 99px; box-shadow: inset 0 0 0 1px #13151a; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #323643; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #272a34; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: #23252e; } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #13151a; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #1c1e25; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #1c1e25; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #3d4251; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: #23252e; color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: #23252e; border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(35, 37, 46, 0.4); border-color: rgba(35, 37, 46, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #23252e; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #888a8d; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #13151a; } .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; } .workspace-switcher .workspace-layout { border: 0 solid #23252e; } .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 #181a20; } .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.current-workspace { background-color: #181a20; } .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: #272a34; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #13151a; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #13151a; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #23252e; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #23252e; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #13151a; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #13151a; background-color: #272a34; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #23252e; } .raven-mpris { background-color: rgba(35, 37, 46, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #23252e; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #23252e; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #13151a; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: #272a34; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #13151a; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #13151a; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #23252e; /* text widgets and the like base background color */ @define-color theme_base_color #272a34; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #23252e; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #292c37; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #43495a; /* widgets main borders color */ @define-color borders #13151a; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #13151a; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); @define-color wm_bg_b #23252e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#23252e, 1.3); @define-color wm_button_hover_color_b #23252e; @define-color wm_button_active_color_a shade(#23252e, 0.85); @define-color wm_button_active_color_b shade(#23252e, 0.89); @define-color wm_button_active_color_c shade(#23252e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #272a34; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1a1c23; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Dark Comment=Flat-Remix-GTK-Blue-Dark theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Dark MetacityTheme=Flat-Remix-Dark-Metacity IconTheme=Flat-Remix-Blue-Dark CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Dark-Solid/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Dark rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #eeeeec; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a 2px, #0d0d0d); text-shadow: 0 -1px rgba(0, 0, 0, 0.96); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(0, 0, 0, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #676766; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #505050; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #1f1f1f; -slider-border-color: rgba(13, 13, 13, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(13, 13, 13, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off-dark.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on-dark.svg"); } .cinnamon-link { color: #8db7ff; text-decoration: underline; } .cinnamon-link:hover { color: #c0d7ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; spacing: 4px; padding: 8px; } .menu { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; margin: 10px 5px; background-color: black; } .popup-sub-menu { background-color: black; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-inactive-menu-item { color: #eeeeec; } .popup-inactive-menu-item:insensitive { color: #7d7d7c; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #eeeeec; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: black; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #eeeeec; border-color: rgba(238, 238, 236, 0.11); background-color: rgba(238, 238, 236, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #eeeeec; } .popup-menu .popup-inactive-menu-item:insensitive { color: #7d7d7c; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #0d0d0d; -arrow-border-width: 1px; -arrow-border-color: #1f1f1f; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: black; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: black; -gradient-end: black; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #eeeeec; border: #ffffff; background-color: rgba(13, 13, 13, 0.79); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px rgba(0, 0, 0, 0.8); } .panel-bottom { box-shadow: 0 -1px rgba(0, 0, 0, 0.8); } .panel-left { box-shadow: 1px 0 rgba(0, 0, 0, 0.8); } .panel-right { box-shadow: -1px 0 rgba(0, 0, 0, 0.8); } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #1f1f1f; background-color: black; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #eeeeec; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(238, 238, 236, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #eeeeec; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #eeeeec; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #1f1f1f; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #eeeeec; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #eeeeec; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #eeeeec; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(238, 238, 236, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(238, 238, 236, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #eeeeec; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(238, 238, 236, 0.4); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #eeeeec; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(238, 238, 236, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #eeeeec; } .calendar-other-month-day { color: rgba(238, 238, 236, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(238, 238, 236, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #eeeeec; } .popup-menu #notification { color: #eeeeec; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #eeeeec; } #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: #eeeeec; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #eeeeec; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #0d0d0d; border: 1px solid #1f1f1f; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #0d0d0d; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #eeeeec; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #eeeeec; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: black; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #1f1f1f; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #1f1f1f; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #7d7d7c; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #eeeeec; } .menu-search-entry-icon { icon-size: 1em; color: #eeeeec; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #eeeeec; background-color: #0d0d0d; border: 1px solid #1f1f1f; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(238, 238, 236, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #eeeeec; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .window-list-preview { spacing: 6px; color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(13, 13, 13, 0.9); border-top: 1px solid #1f1f1f; color: #eeeeec; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #eeeeec; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player-overlay StButton:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: black; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(238, 238, 236, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .workspace-graph .workspace .windows { -active-window-background: rgba(51, 51, 51, 0.8); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(51, 51, 51, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(77, 77, 77, 0.8); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(26, 26, 26, 0.8); -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #eeeeec; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #eeeeec; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #eeeeec; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #eeeeec; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #1f1f1f; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #0d0d0d; color: #eeeeec; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #1f1f1f; border-radius: 6px 6px 0 0; background-color: #050505; color: #eeeeec; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:white\nbase_color:#000" # Foreground/background gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#0d0d0d" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731" # Menus gtk-color-scheme = "menu_color:#0f0f0f" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc" # Window decoration gtk-color-scheme = "window_color:#000" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #0d0d0d; } .background:backdrop { color: #7d7d7c; background-color: #0d0d0d; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #0d0d0d; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #262626; } .gtkstyle-fallback:active { color: #eeeeec; background-color: black; } .gtkstyle-fallback:disabled { color: #7d7d7c; background-color: #080808; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: black; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #cdcdcd; background-color: #030303; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #333333; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7d7d7c; background-color: #080808; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #060606; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: black; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #080808; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #7d7d7c; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #333333; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: black; border-top: 1px solid #1f1f1f; } assistant .sidebar:backdrop { background-color: #030303; border-color: #1f1f1f; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3a3a39; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #7d7d7c; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #cdcdcd; border-color: #1f1f1f; background-color: #030303; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #bebebd; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #656564; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #090909; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #0b0b0b; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #090909; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: black; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: black; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: black; background-color: #777776; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #909090; } :backdrop .entry-tag { color: #030303; background-color: #40403f; } .entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #777776; color: black; } :not(:backdrop) .entry-tag.button:active { background-color: #777776; color: rgba(0, 0, 0, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #333333; border-color: #1f1f1f; background-image: image(#010101); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7d7d7c; border-color: #1f1f1f; background-image: image(black); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #7d7d7c; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #a96363; border-color: #790e0e; background-image: image(#7b0f0f); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c69e9e; border-color: #790e0e; background-image: image(#720e0e); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f), linear-gradient(to top, black 25%, #1f1f1f 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030), linear-gradient(to top, black 25%, #1f1f1f 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.96)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #7d7d7c; border-color: #1f1f1f; background-image: image(black); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #333333; border-color: #1f1f1f; background-image: image(#010101); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #181818; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(31, 31, 31, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #d6d6d4; background-image: none; border-style: none none none solid; border-color: rgba(31, 31, 31, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(125, 125, 124, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #717170; background-color: transparent; border-color: rgba(31, 31, 31, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(51, 51, 51, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #7d7d7c; } spinbutton.vertical:backdrop:disabled { color: #333333; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #0d0d0d; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #1f1f1f; background-color: #121212; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #1f1f1f; background-color: #131313; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: black linear-gradient(to top, #0a0a0a, #0f0f0f); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #1f1f1f; background-color: #0d0d0d; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(black); border-color: #171717; border-top-color: #0a0a0a; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #6f9be6; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #90b2ec; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #1f1f1f; } window.devel headerbar.titlebar:not(.selection-mode) { background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #080808 3px, #0d0d0d); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#0d0d0d); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #777776; border-top-color: #0d0d0d; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #7d7d7c; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5991f0; } treeview.view:disabled:backdrop { color: #333333; } treeview.view.separator { min-height: 2px; color: #0d0d0d; } treeview.view.separator:backdrop { color: rgba(13, 13, 13, 0.1); } treeview.view:backdrop { border-left-color: #454544; border-top: #0d0d0d; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b3b3b3; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #9bb3dc; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #585858; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(black); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #030303; } treeview.view.progressbar:backdrop { border-color: #030303; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #777776; background-color: black; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #b3b3b1; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: black; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px black; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #30302f; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #0d0d0d; background-image: none; } treeview.view header button:backdrop { color: #454544; border-color: #0d0d0d; border-style: none solid solid none; background-image: none; background-color: #030303; } treeview.view header button:backdrop:disabled { border-color: #0d0d0d; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #0d0d0d; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7d7d7c; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #0f0f0f; border: 1px solid #1f1f1f; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #050505; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7d7d7c; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #333333; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #7d7d7c; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #0f0f0f; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #181818; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #181818; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #181818; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #050505; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #0f0f0f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #1f1f1f; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #0d0d0d; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #1f1f1f; border-width: 1px; background-color: #131313; } notebook > header:backdrop { border-color: #1f1f1f; background-color: #131313; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1f1f1f; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1f1f1f; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1f1f1f; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1f1f1f; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #030303; } notebook > header tab:hover.reorderable-page { border-color: rgba(31, 31, 31, 0.3); background-color: rgba(13, 13, 13, 0.2); } notebook > header tab:backdrop { color: #505050; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(31, 31, 31, 0.5); background-color: rgba(13, 13, 13, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(13, 13, 13, 0.7); } notebook > header tab:backdrop:checked { color: #7d7d7c; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #1f1f1f; background-color: #0d0d0d; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: black; } notebook > stack:not(:only-child):backdrop { background-color: #030303; } /************** * Scrollbars * **************/ scrollbar { background-color: black; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #1f1f1f; } scrollbar.bottom { border-top: 1px solid #1f1f1f; } scrollbar.left { border-right: 1px solid #1f1f1f; } scrollbar.right { border-left: 1px solid #1f1f1f; } scrollbar:backdrop { background-color: #050505; border-color: #1f1f1f; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #949493; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c1c1bf; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #3a3a39; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #949493; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c1c1bf; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(148, 148, 147, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3a3a39; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(58, 58, 57, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #1f1f1f; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #1f1f1f; border-radius: 14px; color: #eeeeec; background-color: #131313; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; text-shadow: none; } switch:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-color: #131313; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-color: #080808; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#2e2e2e); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#050505); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #1a1a1a 20%, #0d0d0d 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #242424 10%, #171717 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#0d0d0d); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #1f1f1f; border-radius: 3px; background-color: #131313; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #080808; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #131313; border-color: #1f1f1f; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #080808; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #1f1f1f; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#1f1f1f); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(black); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } scale slider:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-hover-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-active-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-hover-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-active-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-hover-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-active-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#1f1f1f); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #cdcdcd; border-color: #1f1f1f; background-color: #030303; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(125, 125, 124, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #1f1f1f; background: white; padding: 0; } printdialog paper:backdrop { color: #7d7d7c; border-color: #1f1f1f; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1f1f1f; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #1f1f1f; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #1f1f1f; } actionbar > revealer > box:backdrop { border-color: #1f1f1f; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 100% 5%; 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 100% 5%; 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 5% 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1f1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: black; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #1f1f1f 1px, transparent 1px); background-color: #050505; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: black; border-color: #1f1f1f; } list:backdrop { color: #cdcdcd; background-color: #030303; border-color: #1f1f1f; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #7d7d7c; } expander title > arrow:disabled:backdrop { color: #333333; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #1f1f1f; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(125, 125, 124, 0.45); } calendar.button:disabled { color: rgba(125, 125, 124, 0.45); } calendar.highlight { color: #7d7d7c; } calendar.highlight:backdrop { color: #333333; } calendar:backdrop { color: #cdcdcd; border-color: #1f1f1f; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #0d0d0d; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #1f1f1f; } filechooser .dialog-action-box:backdrop { border-top-color: #1f1f1f; } filechooser #pathbarbox { border-bottom: 1px solid #0d0d0d; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #060606; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #1f1f1f; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #1f1f1f; border-right-style: none; } .sidebar:backdrop { background-color: #080808; border-color: #1f1f1f; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #1f1f1f; } separator.sidebar:backdrop { background-color: #1f1f1f; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #7d7d7c; } placessidebar row:backdrop { color: #7d7d7c; } placessidebar row:backdrop:selected { color: #cdcdcd; } placessidebar row:backdrop:disabled { color: #333333; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1f1f1f); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#1f1f1f); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #0d0d0d; background-image: image(#1f1f1f), image(#1f1f1f); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #0d0d0d; background-image: image(#1f1f1f), image(#1f1f1f); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #2b2b2b; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #2b2b2b; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: black; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: black; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: black; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #1f1f1f; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #1f1f1f; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #1f1f1f; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1f1f1f; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #1f1f1f; border: solid 1px #1f1f1f; border-radius: 0; box-shadow: inset 0 0 0 3px rgba(13, 13, 13, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #0d0d0d, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.96); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #cdcdcd; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5991f0; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-darkest.png"), url("assets/text-select-start-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-darkest.png"), url("assets/text-select-end-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-darkest.png"), url("assets/text-select-start-hover-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-darkest.png"), url("assets/text-select-end-hover-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-darkest.png"), url("assets/text-select-start-active-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-darkest.png"), url("assets/text-select-end-active-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: black; border: 1px solid; border-color: #1f1f1f; border-radius: 5px; box-shadow: inset 0 -3px #121212; font-size: smaller; } .keycap:backdrop { background-color: #030303; color: #7d7d7c; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #181818; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#0d0d0d, 0.5); border-color: alpha(#1f1f1f, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #7d7d7c; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #1f1f1f; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#1f1f1f, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#0d0d0d)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#1f1f1f, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#1f1f1f, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#0d0d0d); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#0d0d0d, 0.7), 0.99) 2px, alpha(#0d0d0d, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #1f1f1f; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #1f1f1f; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#0d0d0d); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#0d0d0d, black, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, black, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: black; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, black, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#1f1f1f, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#1f1f1f, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(125, 125, 124, 0.5); } tabbar .box { min-height: 38px; background: black; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: black; border-color: #1f1f1f; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #1f1f1f; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #1f1f1f; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #1f1f1f; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: black; } tabbar tab:checked { background-color: #0f0f0f; } tabbar tab:checked:hover { background-color: #171717; } tabbar tab:hover { background-color: #080808; } tabbar tab:backdrop { border-color: #1f1f1f; background-color: black; } tabbar tab:backdrop:checked { background-color: #0d0d0d; } tabbar .start-action, tabbar .end-action { background: black; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #1f1f1f; background-color: black; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #171717; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: rgba(13, 13, 13, 0.999); } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#131313); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #a96363; border-color: #790e0e; background-image: image(#7b0f0f); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c69e9e; border-color: #790e0e; background-image: image(#720e0e); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #131313; } headerbar spinbutton:not(.vertical), headerbar entry { background: black; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #1f1f1f; } switch slider:checked { border-color: #1f1f1f; } switch slider:checked:backdrop:not(:disabled) { border-color: #1f1f1f; } switch slider:disabled { border-color: #1f1f1f; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #1f1f1f; background-image: image(#0d0d0d); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#1f1f1f); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(black); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #1f1f1f; border-radius: 6px; background-color: #1f1f1f; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #1f1f1f; border-color: #1f1f1f; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #1f1f1f; border-color: #1f1f1f; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #1f1f1f; border-color: #1f1f1f; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: rgba(13, 13, 13, 0.8); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: rgba(13, 13, 13, 0.8); } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#1f1f1f); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#030303); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#1f1f1f); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#030303); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #0d0d0d; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #0d0d0d; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #404040; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #0d0d0d; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #1f1f1f; background: black; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #030303; } /************** * Tree Views * **************/ treeview.view { border-top-color: #1f1f1f; } treeview.view:backdrop { border-top-color: #1f1f1f; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #1f1f1f; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(31, 31, 31, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #131313; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; background: image(black); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; background: image(black); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #1f1f1f; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: black; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #1f1f1f; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: black; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #1f1f1f; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: black; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #1f1f1f; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: black; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: black; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #90b2ec; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #6f9be6; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #ebb580; border-color: #ca6400; background-image: image(#d76a00); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e59e59; border-color: #ca6400; background-image: image(#d76a00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d18a8a; border-color: #911212; background-image: image(#a21414); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c36666; border-color: #911212; background-image: image(#a21414); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #0d0d0d; color: white; box-shadow: inset 0 0 0 9999px #181818, inset 0 0 0 3px #0d0d0d; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(31, 31, 31, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #0d0d0d; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #0d0d0d; border-top-width: 0; border-bottom-width: 2px; background: transparent; border-color: rgba(13, 13, 13, 0.8) rgba(13, 13, 13, 0.8) #0d0d0d; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(31, 31, 31, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(31, 31, 31, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(31, 31, 31, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } window.unified, window.unified:backdrop { background: linear-gradient(to bottom, rgba(13, 13, 13, 0.8) 40px, #0d0d0d 40px); } window.unified decoration, window.unified:backdrop decoration { border: 0; } window.unified headerbar, window.unified:backdrop headerbar { background: transparent; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background: black; } switch slider, scale slider { background: #333333; border-color: black; } /********** * Switch * **********/ switch { background: black; } /********************** * Window Decorations * *********************/ decoration { box-shadow: 0 2px 8px 0 black, 0 0 0 1px rgba(31, 31, 31, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.75); } .csd.popup decoration { box-shadow: 0 1px 6px black, 0 0 0 1px rgba(31, 31, 31, 0.75); } messagedialog.csd decoration { box-shadow: 0 1px 4px black; } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: rgba(13, 13, 13, 0.8); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 41px, rgba(8, 8, 8, 0.95) 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, rgba(0, 0, 0, 0.95) 41px, rgba(8, 8, 8, 0.95) 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(rgba(8, 8, 8, 0.95)); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #1f1f1f; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: rgba(23, 28, 36, 0.7); border-radius: 99px; box-shadow: inset 0 0 0 1px #1f1f1f; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #1f1f1f; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: black; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(13, 13, 13, 0.8); } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #1f1f1f; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #050505; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #050505; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #1a1a1a; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: rgba(13, 13, 13, 0.8); color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: rgba(13, 13, 13, 0.8); border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(13, 13, 13, 0.4); border-color: rgba(13, 13, 13, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #0d0d0d; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #0d0d0d; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #7d7d7c; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #1f1f1f; } .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; } .workspace-switcher .workspace-layout { border: 0 solid rgba(13, 13, 13, 0.8); } .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.8); } .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.current-workspace { background-color: rgba(0, 0, 0, 0.8); } .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: black; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #1f1f1f; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #1f1f1f; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #0d0d0d; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #0d0d0d; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #1f1f1f; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #1f1f1f; background-color: black; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #0d0d0d; } .raven-mpris { background-color: rgba(13, 13, 13, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #0d0d0d; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #0d0d0d; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #1f1f1f; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: black; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #1f1f1f; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #1f1f1f; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #0d0d0d; /* text widgets and the like base background color */ @define-color theme_base_color black; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #080808; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #7d7d7c; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color black; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #7d7d7c; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #0d0d0d; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #030303; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #333333; /* widgets main borders color */ @define-color borders #1f1f1f; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #1f1f1f; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #7d7d7c; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#0d0d0d, 1.2); @define-color wm_bg_b #0d0d0d; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#0d0d0d, 1.3); @define-color wm_button_hover_color_b #0d0d0d; @define-color wm_button_active_color_a shade(#0d0d0d, 0.85); @define-color wm_button_active_color_b shade(#0d0d0d, 0.89); @define-color wm_button_active_color_c shade(#0d0d0d, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg black; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg black; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #080808; @define-color window_fg_color white; @define-color view_bg_color #0d0d0d; @define-color view_fg_color white; @define-color headerbar_bg_color black; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color black; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #171717; @define-color dialog_fg_color white; @define-color popover_bg_color #171717; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #171717; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Darkest Comment=Flat-Remix-GTK-Blue-Darkest theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Darkest MetacityTheme=Flat-Remix-Darkest-Metacity IconTheme=Flat-Remix-Blue-Darkest CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #080808; @define-color window_fg_color white; @define-color view_bg_color #0d0d0d; @define-color view_fg_color white; @define-color headerbar_bg_color black; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color black; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #171717; @define-color dialog_fg_color white; @define-color popover_bg_color #171717; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #171717; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Darkest rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #eeeeec; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a 2px, #0d0d0d); text-shadow: 0 -1px rgba(0, 0, 0, 0.96); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(0, 0, 0, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #676766; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #505050; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #1f1f1f; -slider-border-color: rgba(13, 13, 13, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(13, 13, 13, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off-dark.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on-dark.svg"); } .cinnamon-link { color: #8db7ff; text-decoration: underline; } .cinnamon-link:hover { color: #c0d7ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; spacing: 4px; padding: 8px; } .menu { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; margin: 10px 5px; background-color: black; } .popup-sub-menu { background-color: black; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-inactive-menu-item { color: #eeeeec; } .popup-inactive-menu-item:insensitive { color: #7d7d7c; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #eeeeec; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: black; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #eeeeec; border-color: rgba(238, 238, 236, 0.11); background-color: rgba(238, 238, 236, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(238, 238, 236, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #eeeeec; } .popup-menu .popup-inactive-menu-item:insensitive { color: #7d7d7c; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #0d0d0d; -arrow-border-width: 1px; -arrow-border-color: #1f1f1f; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: black; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: black; -gradient-end: black; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #eeeeec; border: #ffffff; background-color: rgba(13, 13, 13, 0.99); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px black; } .panel-bottom { box-shadow: 0 -1px black; } .panel-left { box-shadow: 1px 0 black; } .panel-right { box-shadow: -1px 0 black; } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #1f1f1f; background-color: black; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #eeeeec; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(238, 238, 236, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #eeeeec; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #eeeeec; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #eeeeec; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #1f1f1f; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #eeeeec; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #eeeeec; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #eeeeec; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #eeeeec; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(238, 238, 236, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(238, 238, 236, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #eeeeec; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(238, 238, 236, 0.4); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #eeeeec; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(238, 238, 236, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #eeeeec; } .calendar-other-month-day { color: rgba(238, 238, 236, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(238, 238, 236, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #eeeeec; } .popup-menu #notification { color: #eeeeec; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #eeeeec; } #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: #eeeeec; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #eeeeec; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #0d0d0d; border: 1px solid #1f1f1f; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #0d0d0d; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #eeeeec; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #eeeeec; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: black; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #1f1f1f; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #1f1f1f; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #7d7d7c; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #eeeeec; } .menu-search-entry-icon { icon-size: 1em; color: #eeeeec; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #eeeeec; border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #eeeeec; background-color: #0d0d0d; border: 1px solid #1f1f1f; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(238, 238, 236, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #eeeeec; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .window-list-preview { spacing: 6px; color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #a61414; background-gradient-end: #a61414; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #eeeeec; border: 1px solid #1f1f1f; background-color: #0d0d0d; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(13, 13, 13, 0.9); border-top: 1px solid #1f1f1f; color: #eeeeec; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #eeeeec; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; border-bottom-color: black; background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.912); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .sound-player-overlay StButton:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(black); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: black; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(238, 238, 236, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .workspace-graph .workspace .windows { -active-window-background: #333333; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #333333; -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: #4d4d4d; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #1a1a1a; -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #eeeeec; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #eeeeec; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #eeeeec; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #eeeeec; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #1f1f1f; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #0d0d0d; color: #eeeeec; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #1f1f1f; border-radius: 6px 6px 0 0; background-color: #050505; color: #eeeeec; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #1f1f1f; border-radius: 6px; background-color: #0d0d0d; color: #eeeeec; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:white\nbase_color:#000" # Foreground/background gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#0d0d0d" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731" # Menus gtk-color-scheme = "menu_color:#0f0f0f" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc" # Window decoration gtk-color-scheme = "window_color:#000" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #0d0d0d; } .background:backdrop { color: #7d7d7c; background-color: #0d0d0d; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #0d0d0d; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #262626; } .gtkstyle-fallback:active { color: #eeeeec; background-color: black; } .gtkstyle-fallback:disabled { color: #7d7d7c; background-color: #080808; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: black; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #cdcdcd; background-color: #030303; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #333333; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7d7d7c; background-color: #080808; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #060606; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: black; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #080808; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #7d7d7c; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #333333; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: black; border-top: 1px solid #1f1f1f; } assistant .sidebar:backdrop { background-color: #030303; border-color: #1f1f1f; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3a3a39; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #7d7d7c; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #cdcdcd; border-color: #1f1f1f; background-color: #030303; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-color: #080808; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #bebebd; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #656564; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #090909; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #0b0b0b; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #090909; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: black; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: black; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: black; background-color: #777776; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #909090; } :backdrop .entry-tag { color: #030303; background-color: #40403f; } .entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #777776; color: black; } :not(:backdrop) .entry-tag.button:active { background-color: #777776; color: rgba(0, 0, 0, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #333333; border-color: #1f1f1f; background-image: image(#010101); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7d7d7c; border-color: #1f1f1f; background-image: image(black); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #7d7d7c; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #a96363; border-color: #790e0e; background-image: image(#7b0f0f); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c69e9e; border-color: #790e0e; background-image: image(#720e0e); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f), linear-gradient(to top, black 25%, #1f1f1f 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030), linear-gradient(to top, black 25%, #1f1f1f 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.96)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #7d7d7c; border-color: #1f1f1f; background-image: image(black); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #333333; border-color: #1f1f1f; background-image: image(#010101); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #181818; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(31, 31, 31, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #d6d6d4; background-image: none; border-style: none none none solid; border-color: rgba(31, 31, 31, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(125, 125, 124, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #717170; background-color: transparent; border-color: rgba(31, 31, 31, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(51, 51, 51, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #7d7d7c; } spinbutton.vertical:backdrop:disabled { color: #333333; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #0d0d0d; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #1f1f1f; background-color: #121212; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #1f1f1f; background-color: #131313; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: black linear-gradient(to top, #0a0a0a, #0f0f0f); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #1f1f1f; background-color: #0d0d0d; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(black); border-color: #171717; border-top-color: #0a0a0a; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #6f9be6; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #90b2ec; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #1f1f1f; } window.devel headerbar.titlebar:not(.selection-mode) { background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #080808 3px, #0d0d0d); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#0d0d0d); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #777776; border-top-color: #0d0d0d; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #7d7d7c; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5991f0; } treeview.view:disabled:backdrop { color: #333333; } treeview.view.separator { min-height: 2px; color: #0d0d0d; } treeview.view.separator:backdrop { color: rgba(13, 13, 13, 0.1); } treeview.view:backdrop { border-left-color: #454544; border-top: #0d0d0d; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b3b3b3; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #9bb3dc; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #585858; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(black); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #030303; } treeview.view.progressbar:backdrop { border-color: #030303; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #777776; background-color: black; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #b3b3b1; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: black; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px black; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #30302f; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #0d0d0d; background-image: none; } treeview.view header button:backdrop { color: #454544; border-color: #0d0d0d; border-style: none solid solid none; background-image: none; background-color: #030303; } treeview.view header button:backdrop:disabled { border-color: #0d0d0d; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #0d0d0d; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7d7d7c; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #0f0f0f; border: 1px solid #1f1f1f; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #050505; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7d7d7c; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #333333; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #7d7d7c; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #0f0f0f; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #181818; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #181818; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #181818; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #050505; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #0f0f0f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #1f1f1f; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #0d0d0d; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #1f1f1f; border-width: 1px; background-color: #131313; } notebook > header:backdrop { border-color: #1f1f1f; background-color: #131313; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1f1f1f; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1f1f1f; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1f1f1f; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1f1f1f; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #030303; } notebook > header tab:hover.reorderable-page { border-color: rgba(31, 31, 31, 0.3); background-color: rgba(13, 13, 13, 0.2); } notebook > header tab:backdrop { color: #505050; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(31, 31, 31, 0.5); background-color: rgba(13, 13, 13, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(13, 13, 13, 0.7); } notebook > header tab:backdrop:checked { color: #7d7d7c; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #1f1f1f; background-color: #0d0d0d; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: black; } notebook > stack:not(:only-child):backdrop { background-color: #030303; } /************** * Scrollbars * **************/ scrollbar { background-color: black; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #1f1f1f; } scrollbar.bottom { border-top: 1px solid #1f1f1f; } scrollbar.left { border-right: 1px solid #1f1f1f; } scrollbar.right { border-left: 1px solid #1f1f1f; } scrollbar:backdrop { background-color: #050505; border-color: #1f1f1f; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #949493; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c1c1bf; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #3a3a39; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #949493; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c1c1bf; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(148, 148, 147, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3a3a39; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(58, 58, 57, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #1f1f1f; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #1f1f1f; border-radius: 14px; color: #eeeeec; background-color: #131313; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #7d7d7c; border-color: #1f1f1f; background-color: #080808; text-shadow: none; } switch:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-color: #131313; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-color: #080808; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#2e2e2e); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#050505); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #1a1a1a 20%, #0d0d0d 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #242424 10%, #171717 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#0d0d0d); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #1f1f1f; border-radius: 3px; background-color: #131313; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #080808; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #131313; border-color: #1f1f1f; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #080808; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #1f1f1f; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#1f1f1f); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(black); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } scale slider:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-hover-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-active-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-hover-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-active-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-hover-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-active-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#1f1f1f); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1f1f1f; background-color: black; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #cdcdcd; border-color: #1f1f1f; background-color: #030303; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(125, 125, 124, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #1f1f1f; background: white; padding: 0; } printdialog paper:backdrop { color: #7d7d7c; border-color: #1f1f1f; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1f1f1f; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #1f1f1f; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #1f1f1f; } actionbar > revealer > box:backdrop { border-color: #1f1f1f; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 100% 5%; 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 100% 5%; 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 5% 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.5, to(#050505), to(rgba(5, 5, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f1f1f), to(rgba(31, 31, 31, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1f1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: black; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #1f1f1f 1px, transparent 1px); background-color: #050505; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: black; border-color: #1f1f1f; } list:backdrop { color: #cdcdcd; background-color: #030303; border-color: #1f1f1f; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #7d7d7c; } expander title > arrow:disabled:backdrop { color: #333333; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #1f1f1f; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(125, 125, 124, 0.45); } calendar.button:disabled { color: rgba(125, 125, 124, 0.45); } calendar.highlight { color: #7d7d7c; } calendar.highlight:backdrop { color: #333333; } calendar:backdrop { color: #cdcdcd; border-color: #1f1f1f; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #0d0d0d; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #1f1f1f; } filechooser .dialog-action-box:backdrop { border-top-color: #1f1f1f; } filechooser #pathbarbox { border-bottom: 1px solid #0d0d0d; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #060606; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #1f1f1f; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #1f1f1f; border-right-style: none; } .sidebar:backdrop { background-color: #080808; border-color: #1f1f1f; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #1f1f1f; } separator.sidebar:backdrop { background-color: #1f1f1f; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #7d7d7c; } placessidebar row:backdrop { color: #7d7d7c; } placessidebar row:backdrop:selected { color: #cdcdcd; } placessidebar row:backdrop:disabled { color: #333333; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1f1f1f); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#1f1f1f); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #0d0d0d; background-image: image(#1f1f1f), image(#1f1f1f); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #0d0d0d; background-image: image(#1f1f1f), image(#1f1f1f); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #2b2b2b; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #2b2b2b; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; border-color: black; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #333333; border-color: #1f1f1f; background-image: image(#080808); box-shadow: none; border-color: black; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: black; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #1f1f1f; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #1f1f1f; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #1f1f1f; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1f1f1f; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #1f1f1f; border: solid 1px #1f1f1f; border-radius: 0; box-shadow: inset 0 0 0 3px #0d0d0d, inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #0d0d0d, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.96); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #cdcdcd; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5991f0; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-darkest.png"), url("assets/text-select-start-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-darkest.png"), url("assets/text-select-end-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-darkest.png"), url("assets/text-select-start-hover-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-darkest.png"), url("assets/text-select-end-hover-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-darkest.png"), url("assets/text-select-start-active-darkest@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-darkest.png"), url("assets/text-select-end-active-darkest@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: black; border: 1px solid; border-color: #1f1f1f; border-radius: 5px; box-shadow: inset 0 -3px #121212; font-size: smaller; } .keycap:backdrop { background-color: #030303; color: #7d7d7c; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #181818; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#0d0d0d, 0.5); border-color: alpha(#1f1f1f, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #7d7d7c; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #1f1f1f; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#1f1f1f, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#0d0d0d)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#1f1f1f, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#1f1f1f, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#0d0d0d); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#0d0d0d, 0.7), 0.99) 2px, alpha(#0d0d0d, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #1f1f1f; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #1f1f1f; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#0d0d0d); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#0d0d0d, black, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, black, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: black; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, black, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#1f1f1f, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#1f1f1f, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(125, 125, 124, 0.5); } tabbar .box { min-height: 38px; background: black; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: black; border-color: #1f1f1f; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #1f1f1f; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #1f1f1f; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #1f1f1f; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: black; } tabbar tab:checked { background-color: #0f0f0f; } tabbar tab:checked:hover { background-color: #171717; } tabbar tab:hover { background-color: #080808; } tabbar tab:backdrop { border-color: #1f1f1f; background-color: black; } tabbar tab:backdrop:checked { background-color: #0d0d0d; } tabbar .start-action, tabbar .end-action { background: black; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #1f1f1f; background-color: black; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #171717; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: #0d0d0d; } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#131313); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d96db; border-color: #005af3; background-image: image(#1e5dc7); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5bce5; border-color: #005af3; background-image: image(#1d59be); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2262cf); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #a96363; border-color: #790e0e; background-image: image(#7b0f0f); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c69e9e; border-color: #790e0e; background-image: image(#720e0e); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #131313; } headerbar spinbutton:not(.vertical), headerbar entry { background: black; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #1f1f1f; } switch slider:checked { border-color: #1f1f1f; } switch slider:checked:backdrop:not(:disabled) { border-color: #1f1f1f; } switch slider:disabled { border-color: #1f1f1f; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #1f1f1f; background-image: image(#0d0d0d); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#1f1f1f); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(black); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #1f1f1f; border-radius: 6px; background-color: #1f1f1f; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #1f1f1f; border-color: #1f1f1f; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #1f1f1f; border-color: #1f1f1f; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #1f1f1f; border-color: #1f1f1f; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: #0d0d0d; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: #0d0d0d; } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#1f1f1f); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#030303); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#1f1f1f); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#030303); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #0d0d0d; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #0d0d0d; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #404040; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #0d0d0d; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #1f1f1f; background: black; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #030303; } /************** * Tree Views * **************/ treeview.view { border-top-color: #1f1f1f; } treeview.view:backdrop { border-top-color: #1f1f1f; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #1f1f1f; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(31, 31, 31, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #131313; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; background: image(black); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #7d7d7c; border-color: #1f1f1f; background-image: image(#1f1f1f); box-shadow: none; background: image(black); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #1f1f1f; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: black; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #1f1f1f; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: black; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #1f1f1f; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: black; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #1f1f1f; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: black; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: black; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #90b2ec; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #6f9be6; border-color: #005af3; background-image: image(#2165d9); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #ebb580; border-color: #ca6400; background-image: image(#d76a00); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e59e59; border-color: #ca6400; background-image: image(#d76a00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d18a8a; border-color: #911212; background-image: image(#a21414); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c36666; border-color: #911212; background-image: image(#a21414); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #0d0d0d; color: white; box-shadow: inset 0 0 0 9999px #181818, inset 0 0 0 3px #0d0d0d; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(31, 31, 31, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #0d0d0d; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #0d0d0d; border-top-width: 0; border-bottom-width: 2px; background: #0d0d0d; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(31, 31, 31, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(31, 31, 31, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(31, 31, 31, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background: black; } switch slider, scale slider { background: #333333; border-color: black; } /********** * Switch * **********/ switch { background: black; } /********************** * Window Decorations * *********************/ decoration { box-shadow: 0 2px 8px 0 black, 0 0 0 1px rgba(31, 31, 31, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.75); } .csd.popup decoration { box-shadow: 0 1px 6px black, 0 0 0 1px rgba(31, 31, 31, 0.75); } messagedialog.csd decoration { box-shadow: 0 1px 4px black; } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: #0d0d0d; } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, black 41px, #080808 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, black 41px, #080808 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(#080808); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #1f1f1f; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: #171c24; border-radius: 99px; box-shadow: inset 0 0 0 1px #1f1f1f; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #1f1f1f; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: black; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: #0d0d0d; } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #1f1f1f; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #050505; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #050505; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #1a1a1a; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: #0d0d0d; color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: #0d0d0d; border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(13, 13, 13, 0.4); border-color: rgba(13, 13, 13, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #0d0d0d; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1f1f1f; background-image: image(#303030); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #0d0d0d; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #7d7d7c; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #1f1f1f; } .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; } .workspace-switcher .workspace-layout { border: 0 solid #0d0d0d; } .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 black; } .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.current-workspace { background-color: black; } .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: black; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #1f1f1f; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #1f1f1f; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #0d0d0d; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #0d0d0d; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #1f1f1f; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #1f1f1f; background-color: black; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #0d0d0d; } .raven-mpris { background-color: rgba(13, 13, 13, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #0d0d0d; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #0d0d0d; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #1f1f1f; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: black; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #1f1f1f; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #1f1f1f; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #0d0d0d; /* text widgets and the like base background color */ @define-color theme_base_color black; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #080808; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #7d7d7c; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color black; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #7d7d7c; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #0d0d0d; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #030303; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #333333; /* widgets main borders color */ @define-color borders #1f1f1f; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #1f1f1f; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #7d7d7c; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#0d0d0d, 1.2); @define-color wm_bg_b #0d0d0d; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#0d0d0d, 1.3); @define-color wm_button_hover_color_b #0d0d0d; @define-color wm_button_active_color_a shade(#0d0d0d, 0.85); @define-color wm_button_active_color_b shade(#0d0d0d, 0.89); @define-color wm_button_active_color_c shade(#0d0d0d, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg black; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg black; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #080808; @define-color window_fg_color white; @define-color view_bg_color #0d0d0d; @define-color view_fg_color white; @define-color headerbar_bg_color black; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color black; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #171717; @define-color dialog_fg_color white; @define-color popover_bg_color #171717; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #171717; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Darkest Comment=Flat-Remix-GTK-Blue-Darkest theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Darkest MetacityTheme=Flat-Remix-Darkest-Metacity IconTheme=Flat-Remix-Blue-Darkest CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #080808; @define-color window_fg_color white; @define-color view_bg_color #0d0d0d; @define-color view_fg_color white; @define-color headerbar_bg_color black; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color black; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #171717; @define-color dialog_fg_color white; @define-color popover_bg_color #171717; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #171717; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Darkest-Solid/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Darkest rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #5c616c; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(250, 250, 250, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #bec0c4; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #ced0d3; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #d9d9d9; -slider-border-color: rgba(255, 255, 255, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(255, 255, 255, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on.svg"); } .cinnamon-link { color: #005af3; text-decoration: underline; } .cinnamon-link:hover { color: #2777ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; spacing: 4px; padding: 8px; } .menu { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; margin: 10px 5px; background-color: #fafafa; } .popup-sub-menu { background-color: #fafafa; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-inactive-menu-item { color: #5c616c; } .popup-inactive-menu-item:insensitive { color: #aeb0b6; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #5c616c; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: #fafafa; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #5c616c; border-color: rgba(92, 97, 108, 0.11); background-color: rgba(92, 97, 108, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: #aeb0b6; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #ffffff; -arrow-border-width: 1px; -arrow-border-color: #d9d9d9; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #fafafa; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: #DFDFDF; -gradient-end: #DFDFDF; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #5c616c; border: #ffffff; background-color: rgba(255, 255, 255, 0.89); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px rgba(240, 240, 240, 0.9); } .panel-bottom { box-shadow: 0 -1px rgba(240, 240, 240, 0.9); } .panel-left { box-shadow: 1px 0 rgba(240, 240, 240, 0.9); } .panel-right { box-shadow: -1px 0 rgba(240, 240, 240, 0.9); } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #d9d9d9; background-color: #fafafa; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #5c616c; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #5c616c; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(92, 97, 108, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #5c616c; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #5c616c; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #5c616c; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #5c616c; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #d9d9d9; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #5c616c; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #5c616c; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #5c616c; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #5c616c; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #5c616c; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(92, 97, 108, 0.3); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #5c616c; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(92, 97, 108, 0.3); } .calendar-not-today:selected:hover { font-weight: bold; color: #5c616c; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(92, 97, 108, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #5c616c; } .popup-menu #notification { color: #5c616c; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #5c616c; } #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: #5c616c; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #5c616c; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #ffffff; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #5c616c; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #5c616c; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: #fafafa; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #d9d9d9; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #d9d9d9; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #aeb0b6; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #5c616c; } .menu-search-entry-icon { icon-size: 1em; color: #5c616c; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #5c616c; background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(92, 97, 108, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #5c616c; background-color: rgba(92, 97, 108, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #5c616c; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #d41919; background-gradient-end: #d41919; } .window-list-preview { spacing: 6px; color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #d41919; background-gradient-end: #d41919; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(255, 255, 255, 0.9); border-top: 1px solid #d9d9d9; color: #5c616c; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #5c616c; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-player-overlay StButton:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #d9d9d9; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(92, 97, 108, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .workspace-graph .workspace .windows { -active-window-background: rgba(255, 255, 255, 0.9); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(255, 255, 255, 0.9); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(255, 255, 255, 0.9); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(255, 255, 255, 0.9); -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #454850; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #454850; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #5c616c; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #5c616c; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; color: #5c616c; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #d9d9d9; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #ffffff; color: #5c616c; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #d9d9d9; border-radius: 6px 6px 0 0; background-color: #f7f7f7; color: #5c616c; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; color: #5c616c; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:black\nbase_color:white" # Foreground/background gtk-color-scheme = "fg_color:#5c616c\nbg_color:white" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#aeb0b6\ninsensitive_bg_color:#fafafa" # Menus gtk-color-scheme = "menu_color:white" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#979a9b\nhover_column_header_color:#636769" # Window decoration gtk-color-scheme = "window_color:#fafafa" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-3.0/gtk-dark.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #23252e; } .background:backdrop { color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #23252e; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #383d4b; } .gtkstyle-fallback:active { color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { color: #888a8d; background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: #272a34; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d5d7; background-color: #292c37; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #43495a; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #888a8d; background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #252831; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: #1e2128; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #242731; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #888a8d; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #43495a; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #272a34; border-top: 1px solid #13151a; } assistant .sidebar:backdrop { background-color: #292c37; border-color: #13151a; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #4b4d54; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #c6c7c7; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #21242c; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #23252e; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #21242c; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #272a34; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #272a34; background-color: #8b8c90; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #a5a6a9; } :backdrop .entry-tag { color: #292c37; background-color: #595b62; } .entry-tag.button { background-color: transparent; color: rgba(39, 42, 52, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #8b8c90; color: #272a34; } :not(:backdrop) .entry-tag.button:active { background-color: #8b8c90; color: rgba(39, 42, 52, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #3b3e46; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(19, 21, 26, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dadada; background-image: none; border-style: none none none solid; border-color: rgba(19, 21, 26, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; border-color: rgba(19, 21, 26, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:backdrop:disabled { color: #43495a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #13151a; background-color: #1e2028; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #13151a; background-color: #1d2027; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #13151a; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#0f1014); border-color: #0d0e11; border-top-color: #020202; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #13151a; } window.devel headerbar.titlebar:not(.selection-mode) { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #8b8c90; border-top-color: #23252e; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5b93f3; } treeview.view:disabled:backdrop { color: #43495a; } treeview.view.separator { min-height: 2px; color: #23252e; } treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bebfc2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #a0b9e3; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #6c6e73; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#272a34); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #292c37; } treeview.view.progressbar:backdrop { border-color: #292c37; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #8b8c90; background-color: #272a34; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bdbdbe; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #272a34; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #272a34; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #4f5159; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #23252e; background-image: none; } treeview.view header button:backdrop { color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; background-color: #292c37; } treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #23252e; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #20232b; border: 1px solid #13151a; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #282b35; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #888a8d; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #43495a; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #888a8d; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #20232b; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3b3e46; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #282b35; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #20232b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #13151a; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #23252e; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #13151a; border-width: 1px; background-color: #1d2027; } notebook > header:backdrop { border-color: #13151a; background-color: #1d2027; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #13151a; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #13151a; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #13151a; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #13151a; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #1a1c23; } notebook > header tab:hover.reorderable-page { border-color: rgba(19, 21, 26, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(19, 21, 26, 0.5); background-color: rgba(35, 37, 46, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #13151a; background-color: #23252e; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { background-color: #292c37; } /************** * Scrollbars * **************/ scrollbar { background-color: #272a34; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #13151a; } scrollbar.bottom { border-top: 1px solid #13151a; } scrollbar.left { border-right: 1px solid #13151a; } scrollbar.right { border-left: 1px solid #13151a; } scrollbar:backdrop { background-color: #1c1e25; border-color: #13151a; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9d9ea0; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c5c6c6; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9d9ea0; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c5c6c6; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 158, 160, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #13151a; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #13151a; border-radius: 14px; color: #eeeeec; background-color: #1d2027; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; text-shadow: none; } switch:backdrop { color: #888a8d; border-color: #13151a; background-color: #1d2027; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#3f4454); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#1c1e25); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #13151a; border-radius: 3px; background-color: #1d2027; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1d2027; border-color: #13151a; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #13151a; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } scale slider:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#13151a); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #13151a; background: white; padding: 0; } printdialog paper:backdrop { color: #888a8d; border-color: #13151a; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #13151a; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #13151a; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #13151a; } actionbar > revealer > box:backdrop { border-color: #13151a; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #13151a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #272a34; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #13151a 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: #272a34; border-color: #13151a; } list:backdrop { color: #d4d5d7; background-color: #292c37; border-color: #13151a; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #13151a; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { color: rgba(136, 138, 141, 0.45); } calendar.highlight { color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; border-color: #13151a; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #23252e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #13151a; } filechooser .dialog-action-box:backdrop { border-top-color: #13151a; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #252831; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #13151a; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #13151a; border-right-style: none; } .sidebar:backdrop { background-color: #262933; border-color: #13151a; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #13151a; } separator.sidebar:backdrop { background-color: #13151a; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #888a8d; } placessidebar row:backdrop { color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { color: #43495a; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#13151a); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#13151a); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #23252e; background-image: image(#13151a), image(#13151a); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; background-image: image(#13151a), image(#13151a); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #1e2128; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #1e2128; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #13151a; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #13151a; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #13151a; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #13151a; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #13151a; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #13151a; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #13151a; border: solid 1px #13151a; border-radius: 0; box-shadow: inset 0 0 0 3px rgba(35, 37, 46, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #272a34; border: 1px solid; border-color: #13151a; border-radius: 5px; box-shadow: inset 0 -3px #1b1d24; font-size: smaller; } .keycap:backdrop { background-color: #292c37; color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #3b3e46; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#23252e, 0.5); border-color: alpha(#13151a, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #888a8d; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #13151a; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#13151a, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#23252e)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#13151a, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#13151a, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #13151a; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #13151a; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#23252e, #272a34, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #272a34; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#13151a, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#13151a, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(136, 138, 141, 0.5); } tabbar .box { min-height: 38px; background: #0f1014; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: #0f1014; border-color: #13151a; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #13151a; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #13151a; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #13151a; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #16171d; } tabbar tab:checked { background-color: #23252e; } tabbar tab:checked:hover { background-color: #292c37; } tabbar tab:hover { background-color: #1c1e25; } tabbar tab:backdrop { border-color: #13151a; background-color: #16171d; } tabbar tab:backdrop:checked { background-color: #23252e; } tabbar .start-action, tabbar .end-action { background: #16171d; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #13151a; background-color: #16171d; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #292c37; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: rgba(35, 37, 46, 0.999); } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#1d2027); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #1d2027; } headerbar spinbutton:not(.vertical), headerbar entry { background: #272a34; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #13151a; } switch slider:checked { border-color: #13151a; } switch slider:checked:backdrop:not(:disabled) { border-color: #13151a; } switch slider:disabled { border-color: #13151a; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #13151a; background-image: image(#23252e); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #13151a; border-radius: 6px; background-color: #13151a; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #13151a; border-color: #13151a; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #13151a; border-color: #13151a; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #13151a; border-color: #13151a; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: rgba(35, 37, 46, 0.8); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: rgba(35, 37, 46, 0.8); } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#323643); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#323643); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #23252e; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #23252e; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #4e5468; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #23252e; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #13151a; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #292c37; } /************** * Tree Views * **************/ treeview.view { border-top-color: #13151a; } treeview.view:backdrop { border-top-color: #13151a; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #13151a; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(19, 21, 26, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #1d2027; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #13151a; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #272a34; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #13151a; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #272a34; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #13151a; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #272a34; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #13151a; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #272a34; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #eeb884; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e9a35e; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d48d8d; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c66a6b; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #23252e; color: white; box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #23252e; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(19, 21, 26, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #23252e; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #23252e; border-top-width: 0; border-bottom-width: 2px; background: transparent; border-color: rgba(35, 37, 46, 0.8) rgba(35, 37, 46, 0.8) #23252e; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } window.unified, window.unified:backdrop { background: linear-gradient(to bottom, rgba(35, 37, 46, 0.8) 40px, #23252e 40px); } window.unified decoration, window.unified:backdrop decoration { border: 0; } window.unified headerbar, window.unified:backdrop headerbar { background: transparent; } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: rgba(35, 37, 46, 0.8); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(rgba(30, 33, 40, 0.95)); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #13151a; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: rgba(43, 50, 66, 0.7); border-radius: 99px; box-shadow: inset 0 0 0 1px #13151a; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #323643; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #272a34; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #13151a; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #1c1e25; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #1c1e25; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #3d4251; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: rgba(35, 37, 46, 0.8); color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: rgba(35, 37, 46, 0.8); border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(35, 37, 46, 0.4); border-color: rgba(35, 37, 46, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #23252e; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #888a8d; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #13151a; } .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; } .workspace-switcher .workspace-layout { border: 0 solid rgba(35, 37, 46, 0.8); } .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(24, 26, 32, 0.8); } .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.current-workspace { background-color: rgba(24, 26, 32, 0.8); } .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: #272a34; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #13151a; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #13151a; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #23252e; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #23252e; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #13151a; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #13151a; background-color: #272a34; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #23252e; } .raven-mpris { background-color: rgba(35, 37, 46, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #23252e; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #23252e; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #13151a; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: #272a34; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #13151a; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #13151a; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #23252e; /* text widgets and the like base background color */ @define-color theme_base_color #272a34; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #23252e; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #292c37; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #43495a; /* widgets main borders color */ @define-color borders #13151a; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #13151a; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); @define-color wm_bg_b #23252e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#23252e, 1.3); @define-color wm_button_hover_color_b #23252e; @define-color wm_button_active_color_a shade(#23252e, 0.85); @define-color wm_button_active_color_b shade(#23252e, 0.89); @define-color wm_button_active_color_c shade(#23252e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #272a34; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1a1c23; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #5c616c; background-color: #ffffff; } .background:backdrop { color: #aeb0b6; background-color: #ffffff; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #5c616c; background-color: #ffffff; } .gtkstyle-fallback:hover { color: #5c616c; background-color: white; } .gtkstyle-fallback:active { color: #5c616c; background-color: #e6e6e6; } .gtkstyle-fallback:disabled { color: #aeb0b6; background-color: #fdfdfd; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: black; background-color: #fafafa; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #313131; background-color: #f7f7f7; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d9d9d9; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #aeb0b6; background-color: #fdfdfd; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #fcfcfc; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: transparent; } .content-view .tile:active, .content-view .tile:selected { background-color: transparent; } .content-view .tile:disabled { background-color: transparent; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #aeb0b6; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #d9d9d9; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #fafafa; border-top: 1px solid #d9d9d9; } assistant .sidebar:backdrop { background-color: #f7f7f7; border-color: #d9d9d9; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #dedfe2; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #aeb0b6; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } spinbutton:disabled:not(.vertical), entry:disabled { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #313131; border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #bf1717; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #bf1717; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #fd7d00; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #fd7d00; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #7c8088; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #5c616c; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #bdbec3; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #2777ff; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #bf1717; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0f0f0; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #eeeeee; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0f0f0; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #2777ff; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #bf1717; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2777ff; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #bf1717; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #fafafa; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #fafafa; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #2777ff; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #5a97ff; } :backdrop .entry-tag { color: #f7f7f7; background-color: #2777ff; } .entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #2777ff; color: #ffffff; } :not(:backdrop) .entry-tag.button:active { background-color: #2777ff; color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2777ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button { border-color: #0051da; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #f7f7f7; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #c61717; background-image: image(#d41919); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #d41919; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; background-image: image(#c21717); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #941111; background-image: linear-gradient(to right, #9d1313, #8b1010); box-shadow: 0 2px 4px rgba(148, 17, 17, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f6d1d1; border-color: #d41919; background-image: image(#d41919); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #da7272; border-color: #c72626; background-image: image(#c72626); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(212, 25, 25, 0.8); } button.destructive-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #e8a8a8; border-color: #a61414; background-image: image(#c72626); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#d41919); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#2777ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #eaebec; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } .osd button.color colorswatch:only-child { box-shadow: none; } .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(217, 217, 217, 0.5); } list row button.image-button:not(.flat):hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #005af3; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #0047c0; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #99b5e6; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #2777ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #e9f1ff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #005af3; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #ccdefd; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(122, 122, 122, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 90, 243, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #ccdefd; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #6c707a; background-image: none; border-style: none none none solid; border-color: rgba(217, 217, 217, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #5c616c; background-color: rgba(92, 97, 108, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(174, 176, 182, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #b5b7bd; background-color: transparent; border-color: rgba(217, 217, 217, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(217, 217, 217, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #aeb0b6; } spinbutton.vertical:backdrop:disabled { color: #d9d9d9; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #ffffff; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #d9d9d9; background-color: #f4f4f4; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #d9d9d9; background-color: #f2f2f2; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #c2c2c2; border-radius: 0; background: #e6e6e6 linear-gradient(to top, #e0e0e0, #e8e8e8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d9d9d9; background-color: #ffffff; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#d4d4d4); border-color: #d1d1d1; border-top-color: #c4c4c4; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #0051da; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #1d71ff, #2c7aff); box-shadow: inset 0 1px rgba(125, 173, 255, 0.9); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(147, 187, 255, 0.88); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #87b4fe; border-color: #478bfe; background-image: image(#478bfe); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; border-color: #0051da; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #a3c5ff; border-color: #005af3; background-image: image(#478bfe); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #d9d9d9; } window.devel headerbar.titlebar:not(.selection-mode) { background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #abadb3; border-top-color: #ffffff; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: #aeb0b6; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #669efd; } treeview.view:disabled:backdrop { color: #d9d9d9; } treeview.view.separator { min-height: 2px; color: #ffffff; } treeview.view.separator:backdrop { color: rgba(255, 255, 255, 0.1); } treeview.view:backdrop { border-left-color: #d7d8db; border-top: #ffffff; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #0051da; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4b4b4b; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: black; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #b9d1fa; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #c4c5ca; } treeview.view.progressbar { color: #fafafa; background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #2777ff; background-image: image(#fafafa); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #2777ff; background-color: #f7f7f7; } treeview.view.progressbar:backdrop { color: #f7f7f7; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(92, 97, 108, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } treeview.view header button { color: #abadb3; background-color: #fafafa; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #848790; box-shadow: none; transition: none; } treeview.view header button:active { color: #5c616c; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #fafafa; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #fafafa; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #dfdfdf; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #ffffff; background-image: none; } treeview.view header button:backdrop { color: #d7d8db; border-color: #ffffff; border-style: none solid solid none; background-image: none; background-color: #f7f7f7; } treeview.view header button:backdrop:disabled { border-color: #ffffff; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #ffffff; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #005af3; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #aeb0b6; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #fafafa; border: 1px solid #d9d9d9; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #f7f7f7; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #aeb0b6; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d9d9d9; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #aeb0b6; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #fafafa; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #eaebec; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #eaebec; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebec; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #f7f7f7; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #d9d9d9; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } popover.background:backdrop { background-color: #ffffff; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #d9d9d9; border-width: 1px; background-color: #f2f2f2; } notebook > header:backdrop { border-color: #d9d9d9; background-color: #f2f2f2; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #d9d9d9; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #d9d9d9; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #d9d9d9; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #d9d9d9; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #5c616c; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #5c616c; background-color: whitesmoke; } notebook > header tab:hover.reorderable-page { border-color: rgba(217, 217, 217, 0.3); background-color: rgba(255, 255, 255, 0.2); } notebook > header tab:backdrop { color: #ced0d3; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #5c616c; } notebook > header tab:checked.reorderable-page { border-color: rgba(217, 217, 217, 0.5); background-color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(255, 255, 255, 0.7); } notebook > header tab:backdrop:checked { color: #aeb0b6; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #d9d9d9; background-color: #ffffff; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #fafafa; } notebook > stack:not(:only-child):backdrop { background-color: #f7f7f7; } /************** * Scrollbars * **************/ scrollbar { background-color: #fafafa; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #d9d9d9; } scrollbar.bottom { border-top: 1px solid #d9d9d9; } scrollbar.left { border-right: 1px solid #d9d9d9; } scrollbar.right { border-left: 1px solid #d9d9d9; } scrollbar:backdrop { background-color: #f7f7f7; border-color: #d9d9d9; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9da0a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #7d8189; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #dfdfe2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #5c616c; border: 1px solid white; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #5c616c; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9da0a7; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #7d8189; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 160, 167, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #dfdfe2; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 223, 226, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #d9d9d9; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #d9d9d9; border-radius: 14px; color: #5c616c; background-color: #f2f2f2; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #0047c0; background-color: #2777ff; text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; text-shadow: none; } switch:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-color: #f2f2f2; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { color: #ffffff; border-color: #0047c0; background-color: #2777ff; } switch:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-color: #fdfdfd; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } switch:checked > slider { border: 1px solid #0047c0; } switch:disabled slider { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } switch:backdrop:checked > slider { border-color: #0047c0; } switch:backdrop:disabled slider { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } row:selected switch { box-shadow: none; border-color: #0047c0; } row:selected switch:backdrop { border-color: #0047c0; } row:selected switch > slider:checked, row:selected switch > slider { border-color: #0047c0; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #c2c2c2; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #5c616c; } check:hover, radio:hover { background-image: image(#f2f2f2); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:disabled, radio:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } check:backdrop, radio:backdrop { background-image: image(white); box-shadow: none; color: #5c616c; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } row:selected check, row:selected radio { border-color: #0047c0; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #0051da; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #d9d9d9; border-radius: 3px; background-color: #f2f2f2; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #fdfdfd; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #f2f2f2; border-color: #d9d9d9; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #fdfdfd; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #0051da; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #0051da; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #2777ff; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #0051da; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #d9d9d9; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; border: 1px solid #bababa; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } scale slider:active { border-color: #0051da; } scale slider:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } scale slider:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #0051da; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#d9d9d9); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(92, 97, 108, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #313131; border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #974b00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #0047c0; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #236849; background-color: #3db47e; } levelbar block.full:backdrop { border-color: #3db47e; } levelbar block.empty { background-color: transparent; border-color: rgba(92, 97, 108, 0.2); } levelbar block.empty:backdrop { border-color: rgba(174, 176, 182, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #5c616c; border: 1px solid #d9d9d9; background: white; padding: 0; } printdialog paper:backdrop { color: #aeb0b6; border-color: #d9d9d9; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #d9d9d9; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #d9d9d9; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #d9d9d9; } actionbar > revealer > box:backdrop { border-color: #d9d9d9; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fafafa; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px); background-color: #f7f7f7; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: black; background-color: #fafafa; border-color: #d9d9d9; } list:backdrop { color: #313131; background-color: #f7f7f7; border-color: #d9d9d9; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(92, 97, 108, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #2c75f0; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: #aaaeb7; } expander title > arrow:disabled { color: #aeb0b6; } expander title > arrow:disabled:backdrop { color: #d9d9d9; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: black; border: 1px solid #d9d9d9; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:backdrop { color: rgba(174, 176, 182, 0.45); } calendar.button:disabled { color: rgba(174, 176, 182, 0.45); } calendar.highlight { color: #aeb0b6; } calendar.highlight:backdrop { color: #d9d9d9; } calendar:backdrop { color: #313131; border-color: #d9d9d9; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #ffffff; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #d9d9d9; } filechooser .dialog-action-box:backdrop { border-top-color: #d9d9d9; } filechooser #pathbarbox { border-bottom: 1px solid #ffffff; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #fcfcfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #d9d9d9; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #d9d9d9; border-right-style: none; } .sidebar:backdrop { background-color: #fbfbfb; border-color: #d9d9d9; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #d9d9d9; } separator.sidebar:backdrop { background-color: #d9d9d9; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #aeb0b6; } placessidebar row:backdrop { color: #aeb0b6; } placessidebar row:backdrop:selected { color: #f7f7f7; } placessidebar row:backdrop:disabled { color: #d9d9d9; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#d9d9d9); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#d9d9d9); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #ffffff; background-image: image(#d9d9d9), image(#d9d9d9); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #ffffff; background-image: image(#d9d9d9), image(#d9d9d9); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #f7e9d1; border-bottom: 1px solid #e6e6e6; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #f5e5c8; border-bottom: 1px solid #e6e6e6; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #5c616c; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #e6e6e6; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #e6e6e6; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #5c616c; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #e6e6e6; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #005af3; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #ededed; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #ededed; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(92, 97, 108, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #d9d9d9; border: solid 1px #d9d9d9; border-radius: 0; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.8), inset 0 1px rgba(255, 255, 255, 0.8); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #f7f7f7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #669efd; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #5c616c; background-color: #fafafa; border: 1px solid; border-color: #ececec; border-radius: 5px; box-shadow: inset 0 -3px #fefefe; font-size: smaller; } .keycap:backdrop { background-color: #f7f7f7; color: #aeb0b6; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: #d9d9d9; } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #eaebec; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#ffffff, 0.5); border-color: alpha(#d9d9d9, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #aeb0b6; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.12); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #d9d9d9; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#d9d9d9, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#ffffff)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#d9d9d9, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#d9d9d9, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#ffffff); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#ffffff, 0.7), 0.96) 2px, alpha(#ffffff, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #d9d9d9; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #d9d9d9; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#ffffff); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#ffffff, #fafafa, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#5c616c, #fafafa, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #fafafa; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#5c616c, #fafafa, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#d9d9d9, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#d9d9d9, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.7); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.34); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(92, 97, 108, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(174, 176, 182, 0.5); } tabbar .box { min-height: 38px; background: #d9d9d9; border-bottom: 1px solid #c2c2c2; } tabbar .box:backdrop { background-color: #e8e8e8; border-color: #d9d9d9; } tabbar scrolledwindow.pinned undershoot { border: 0 solid #c2c2c2; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #d9d9d9; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 #c2c2c2; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #d9d9d9; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 #c2c2c2; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #d9d9d9; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: #c2c2c2; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #e0e0e0; } tabbar tab:checked { background-color: #f0f0f0; } tabbar tab:checked:hover { background-color: #f7f7f7; } tabbar tab:hover { background-color: #e8e8e8; } tabbar tab:backdrop { border-color: #d9d9d9; background-color: #f0f0f0; } tabbar tab:backdrop:checked { background-color: #ffffff; } tabbar .start-action, tabbar .end-action { background: #e0e0e0; border-color: #c2c2c2; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #d9d9d9; background-color: #f0f0f0; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #f7f7f7; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#5c616c, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.15); } /*************** * Base States * ***************/ .background, .background:backdrop { background: rgba(255, 255, 255, 0.999); } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#f2f2f2); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #c61717; background-image: image(#d41919); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; background-image: image(#c21717); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #941111; background-image: linear-gradient(to right, #9d1313, #8b1010); box-shadow: 0 2px 4px rgba(148, 17, 17, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f6d1d1; border-color: #d41919; background-image: image(#d41919); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #da7272; border-color: #c72626; background-image: image(#c72626); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #e8a8a8; border-color: #a61414; background-image: image(#c72626); box-shadow: none; } /********** * Entry * **********/ headerbar spinbutton:not(.vertical), headerbar entry { background: #fafafa; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #d9d9d9; } switch slider:checked { border-color: #0051da; } switch slider:checked:backdrop:not(:disabled) { border-color: #2777ff; } switch slider:disabled { border-color: #d9d9d9; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #d9d9d9; background-image: image(#ffffff); color: #5c616c; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #d9d9d9; border-radius: 6px; background-color: #d9d9d9; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #d9d9d9; border-color: #d9d9d9; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #d9d9d9; border-color: #d9d9d9; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #d9d9d9; border-color: #d9d9d9; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #0051da; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #0051da; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); color: black; } headerbar, headerbar:backdrop { box-shadow: none; background: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#ededed); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(whitesmoke); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#ededed); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(whitesmoke); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #ffffff; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #ffffff; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #cccccc; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: white; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #d9d9d9; background: #fafafa; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #f7f7f7; } /************** * Tree Views * **************/ treeview.view { border-top-color: #d9d9d9; } treeview.view:backdrop { border-top-color: #d9d9d9; } treeview.view header button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #d9d9d9; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } .csd popover.background, popover.background { border-color: rgba(0, 0, 0, 0.1); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #f2f2f2; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; background: image(#fafafa); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; background: image(#fafafa); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #d9d9d9; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #fafafa; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #d9d9d9; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #fafafa; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #d9d9d9; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #fafafa; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #d9d9d9; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #fafafa; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #e6e6e6; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #005af3; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #a3c5ff; border-color: #005af3; background-image: image(#478bfe); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #87b4fe; border-color: #478bfe; background-image: image(#478bfe); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#e97300); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #fec892; border-color: #ca6400; background-image: image(#fd9025); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #fd7d00; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #feb771; border-color: #fd9025; background-image: image(#fd9025); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#ad1515); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #e49c9c; border-color: #911212; background-image: image(#c83939); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #bf1717; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #db7e7e; border-color: #c83939; background-image: image(#c83939); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #ffffff; color: black; box-shadow: inset 0 0 0 9999px #eaebec, inset 0 0 0 3px #ffffff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #ffffff; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #ffffff; border-top-width: 0; border-bottom-width: 2px; background: transparent; border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8) #ffffff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } window.unified, window.unified:backdrop { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 40px, #ffffff 40px); } window.unified decoration, window.unified:backdrop decoration { border: 0; } window.unified headerbar, window.unified:backdrop headerbar { background: transparent; } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: rgba(255, 255, 255, 0.8); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, rgba(0, 0, 0, 0.93) 41px, rgba(13, 13, 13, 0.93) 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, rgba(0, 0, 0, 0.93) 41px, rgba(13, 13, 13, 0.93) 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(rgba(13, 13, 13, 0.93)); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #0051da; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #d9d9d9; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: rgba(248, 250, 254, 0.7); border-radius: 99px; box-shadow: inset 0 0 0 1px #d9d9d9; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(92, 97, 108, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #ededed; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #fafafa; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(255, 255, 255, 0.9); } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #454850; } .xfce4-panel button:hover { background: #ffffff; } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: #ffffff; } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #d9d9d9; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #ffffff; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.07); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: white; } wnck-pager:selected { background-color: #cccccc; } wnck-pager:hover { background-color: #cccccc; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: rgba(255, 255, 255, 0.9); color: #5c616c; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.07); box-shadow: none; color: #5c616c; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(92, 97, 108, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#5c616c,0) 100%, transparent 0%), image(alpha(#5c616c,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #ffffff; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #5c616c; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #aeb0b6; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #d9d9d9; } .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; } .workspace-switcher .workspace-layout { border: 0 solid rgba(255, 255, 255, 0.9); } .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(242, 242, 242, 0.9); } .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.current-workspace { background-color: rgba(242, 242, 242, 0.9); } .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: #fafafa; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #d9d9d9; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #5c616c; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(92, 97, 108, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(92, 97, 108, 0.4); border: 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 #d9d9d9; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #ffffff; color: #5c616c; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #ffffff; color: #5c616c; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #d9d9d9; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #d9d9d9; background-color: #fafafa; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #ffffff; } .raven-mpris { background-color: rgba(255, 255, 255, 0.8); color: #5c616c; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #ffffff; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #ffffff; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #d9d9d9; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #5c616c; } .budgie-polkit-dialog .failure { color: #d41919; } .budgie-run-dialog { background-color: #fafafa; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #d9d9d9; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #d9d9d9; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #5c616c; /* text color for entries, views and content in general */ @define-color theme_text_color black; /* widget base background color */ @define-color theme_bg_color #ffffff; /* text widgets and the like base background color */ @define-color theme_base_color #fafafa; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #fdfdfd; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #aeb0b6; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #fafafa; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #aeb0b6; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color black; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #ffffff; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #f7f7f7; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #d9d9d9; /* widgets main borders color */ @define-color borders #d9d9d9; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #d9d9d9; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #3db47e; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#5c616c, 1.8); @define-color wm_unfocused_title #aeb0b6; @define-color wm_highlight rgba(255, 255, 255, 0.8); @define-color wm_borders_edge rgba(255, 255, 255, 0.8); @define-color wm_bg_a shade(#ffffff, 1.2); @define-color wm_bg_b #ffffff; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#ffffff, 1.3); @define-color wm_button_hover_color_b #ffffff; @define-color wm_button_active_color_a shade(#ffffff, 0.85); @define-color wm_button_active_color_b shade(#ffffff, 0.89); @define-color wm_button_active_color_c shade(#ffffff, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #fafafa; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #fafafa; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-4.0/gtk-dark.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_3; @define-color destructive_fg_color white; @define-color destructive_color @red_4; @define-color success_bg_color @green_4; @define-color success_fg_color white; @define-color success_color #1b8553; @define-color warning_bg_color @yellow_5; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color #9c6e03; @define-color error_bg_color @red_3; @define-color error_fg_color white; @define-color error_color @red_4; @define-color window_bg_color #fafafa; @define-color window_fg_color rgba(0, 0, 0, 0.8); @define-color view_bg_color #ffffff; @define-color view_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_bg_color #ebebeb; @define-color headerbar_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_border_color rgba(0, 0, 0, 0.8); @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.12); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.12); @define-color sidebar_bg_color #ebebeb; @define-color sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color sidebar_border_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07); @define-color card_bg_color #ffffff; @define-color card_fg_color rgba(0, 0, 0, 0.8); @define-color card_shade_color rgba(0, 0, 0, 0.07); @define-color dialog_bg_color #ffffff; @define-color dialog_fg_color rgba(0, 0, 0, 0.8); @define-color popover_bg_color #ffffff; @define-color popover_fg_color rgba(0, 0, 0, 0.8); @define-color popover_shade_color rgba(0, 0, 0, 0.07); @define-color thumbnail_bg_color #ffffff; @define-color thumbnail_fg_color rgba(0, 0, 0, 0.8); @define-color shade_color rgba(0, 0, 0, 0.07); @define-color scrollbar_outline_color white; windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Light Comment=Flat-Remix-GTK-Blue-Light theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Light MetacityTheme=Flat-Remix-Light-Metacity IconTheme=Flat-Remix-Blue-Light CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_3; @define-color destructive_fg_color white; @define-color destructive_color @red_4; @define-color success_bg_color @green_4; @define-color success_fg_color white; @define-color success_color #1b8553; @define-color warning_bg_color @yellow_5; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color #9c6e03; @define-color error_bg_color @red_3; @define-color error_fg_color white; @define-color error_color @red_4; @define-color window_bg_color #fafafa; @define-color window_fg_color rgba(0, 0, 0, 0.8); @define-color view_bg_color #ffffff; @define-color view_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_bg_color #ebebeb; @define-color headerbar_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_border_color rgba(0, 0, 0, 0.8); @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.12); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.12); @define-color sidebar_bg_color #ebebeb; @define-color sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color sidebar_border_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07); @define-color card_bg_color #ffffff; @define-color card_fg_color rgba(0, 0, 0, 0.8); @define-color card_shade_color rgba(0, 0, 0, 0.07); @define-color dialog_bg_color #ffffff; @define-color dialog_fg_color rgba(0, 0, 0, 0.8); @define-color popover_bg_color #ffffff; @define-color popover_fg_color rgba(0, 0, 0, 0.8); @define-color popover_shade_color rgba(0, 0, 0, 0.07); @define-color thumbnail_bg_color #ffffff; @define-color thumbnail_fg_color rgba(0, 0, 0, 0.8); @define-color shade_color rgba(0, 0, 0, 0.07); @define-color scrollbar_outline_color white; windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } window.background { background: linear-gradient(to bottom, alpha(@headerbar_bg_color, .8) 46px, @view_bg_color 46px); } window.background headerbar { background-color: transparent; color: alpha(@headerbar_fg_color, 2); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Light rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/cinnamon/cinnamon.css ================================================ /*************************** * Check and Radio buttons * ***************************/ stage { color: #5c616c; } .label-shadow { color: rgba(0, 0, 0, 0); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { border-radius: 6px; } .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } #menu-search-entry, .popup-menu #notification StEntry { padding: 7px; caret-size: 1px; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #fd7d00; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: white; selection-background-color: #2777ff; selected-color: #ffffff; transition-duration: 300ms; border-radius: 6px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .notification StEntry:insensitive { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(250, 250, 250, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 6px; background-color: #bec0c4; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #ced0d3; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #2777ff; } .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: 0.3em; -slider-background-color: #d9d9d9; -slider-border-color: rgba(255, 255, 255, 0.3); -slider-active-background-color: #2777ff; -slider-active-border-color: rgba(255, 255, 255, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: 50px; height: 20px; background-size: contain; } .toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch-off.svg"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch-on.svg"); } .cinnamon-link { color: #005af3; text-decoration: underline; } .cinnamon-link:hover { color: #2777ff; } #Tooltip { background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 8px 12px; color: white; font-size: 1em; font-weight: normal; text-align: center; } #LookingGlassDialog { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; spacing: 4px; padding: 8px; } .menu { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; margin: 10px 5px; background-color: #fafafa; } .popup-sub-menu { background-color: #fafafa; box-shadow: none; } .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-sub-menu StScrollBar { padding: 4px; } .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border-left-width: 0; border-right-width: 0; } .popup-menu-item:active { color: #ffffff; background-color: #2777ff; } .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-inactive-menu-item { color: #5c616c; } .popup-inactive-menu-item:insensitive { color: #aeb0b6; } /* This is for popup menus in Cinnamon versions < 3.2 */ .popup-menu { color: white; color: #5c616c; } .popup-menu-arrow { icon-size: 16px; } .popup-menu .popup-sub-menu { background-color: #fafafa; box-shadow: none; } .popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 1.75em; } .popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 1.75em; } .popup-menu .popup-sub-menu StScrollBar { padding: 4px; } .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-menu .popup-menu-item:active { color: #5c616c; border-color: rgba(92, 97, 108, 0.11); background-color: rgba(92, 97, 108, 0.08); } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: #aeb0b6; } .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 6px; -arrow-background-color: #ffffff; -arrow-border-width: 1px; -arrow-border-color: #d9d9d9; -arrow-base: 21px; -arrow-rise: 9px; -boxpointer-gap: 2px; } /*Scale view context menu*/ .popup-combo-menu { color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #fafafa; box-shadow: none; padding: 1em 0em 1em 0em; } .popup-combobox-item { spacing: 1em; padding: .4em 1.75em; border: 1px solid transparent; border-left-width: 0; border-right-width: 0; } .popup-separator-menu-item { -gradient-height: 1px; -gradient-start: #DFDFDF; -gradient-end: #DFDFDF; -margin-horizontal: 0; height: 1px; } .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; /* sets the height of horizontal panels */ height: 40px; /* sets the width of vertical panels */ width: 32px; } #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: 0px; } #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: 0px; } #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:highlight { border-image: none; background-color: rgba(191, 23, 23, 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: 0px; } .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: 0px; } .panelRight.vertical:ltr { padding-left: 0px; spacing: 0px; } .panelRight.vertical:rtl { padding-right: 0px; spacing: 0px; } .panelCenter { spacing: 4px; } .panelCenter.vertical { padding-left: 0px; padding-right: 0px; } .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: #5c616c; border: #ffffff; background-color: rgba(255, 255, 255, 0.99); font-size: 1em; padding: 0px; } .panel-top { box-shadow: 0 1px #f0f0f0; } .panel-bottom { box-shadow: 0 -1px #f0f0f0; } .panel-left { box-shadow: 1px 0 #f0f0f0; } .panel-right { box-shadow: -1px 0 #f0f0f0; } .panel-dummy { background-color: rgba(191, 23, 23, 0.5); } .panel-dummy:entered { background-color: rgba(191, 23, 23, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } .system-status-icon.warning { color: #fd7d00; } .system-status-icon.error { color: #bf1717; } #overview { spacing: 12px; } .window-caption { background-color: #303340; border: 1px solid #303340; color: white; spacing: 8px; border-radius: 6px; font-size: 0.9em; padding: 5px 8px; -cinnamon-caption-spacing: 8px; } .window-caption:focus { background-color: #2777ff; color: #ffffff; border: 1px solid #2777ff; } .window-border { border: 3px #2777ff; border-radius: 6px; background-color: rgba(255, 255, 255, 0.05); /* Cover rounded corners and some bad adjustment gaps */ box-shadow: 0 0 0 1px #2777ff inset; } .overview-empty-placeholder { color: #ffffff; font-size: 2em; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 1.5em; border-radius: 6px; font-size: 1em; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #2777ff; background-color: #2777ff; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #2777ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 6px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #2777ff; background-color: black; border-radius: 6px; } .expo-background { background-color: #303340; } .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: 12px; } .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; } .window-close-area { background-image: url("assets/trash-icon.svg"); height: 120px; width: 400px; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; border-radius: 6px; padding: .5em; min-width: 350px; border: 1px solid #d9d9d9; background-color: #fafafa; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; border-radius: 6px; } .calendar-events-no-events-button:hover { background-color: #2777ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #ffffff; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #5c616c; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #5c616c; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(92, 97, 108, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #5c616c; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #2777ff; } .calendar-event-button .calendar-event-time-future { color: #5c616c; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #5c616c; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #5c616c; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #fd7d00; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #2777ff; } .calendar-event-button:hover { background-color: #2777ff; border: 1px solid #d9d9d9; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #ffffff; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #5c616c; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #5c616c; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #2777ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #ffffff; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #ffffff; } .calendar-month-label { color: #5c616c; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("assets/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("assets/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("assets/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("assets/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; font-size: 1.15em; text-align: center; color: #5c616c; border-radius: 6px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #ffffff; background-color: #2777ff; } .calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #5c616c; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: rgba(92, 97, 108, 0.3); border-radius: 99px; border-width: 0; } .calendar-today:selected, .calendar-today:active:selected, .calendar-today:focus:selected, .calendar-today:hover:selected { background-color: #2777ff; } .calendar-not-today { color: #5c616c; border-radius: 99px; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(92, 97, 108, 0.3); } .calendar-not-today:selected:hover { font-weight: bold; color: #5c616c; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); border-radius: 99px; opacity: 1; } .calendar-other-month-day:hover { color: #ffffff; opacity: 1; } .calendar-week-number { color: rgba(92, 97, 108, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #5c616c; } .popup-menu #notification { color: #5c616c; border-image: url("asset/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #5c616c; } #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: #5c616c; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 32px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 6px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .switcher-list .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .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: #5c616c; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .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; } .ripple-box:rtl { background-image: url("assets/corner-ripple.svg"); } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px; } .modal-dialog > StBoxLayout:first-child { padding: 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 10px; border: none; background-color: #ffffff; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .confirm-dialog-title { text-align: center; font-weight: bold; font-size: 1.3em; padding-bottom: 12px; } .run-dialog { padding: 10px 15px 10px 15px; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 1.3em; font-weight: bold; color: #5c616c; padding-bottom: 15px; text-align: center; } .run-dialog-description { color: #5c616c; padding-top: 15px; text-align: center; } .run-dialog-description.error { color: #bf1717; } .run-dialog-error-label { color: #bf1717; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-top: 5px; padding-left: 15px; font-size: 1em; } .run-dialog-entry { width: 21em; height: 1.2em; padding: 7px; border-radius: 6px; caret-color: white; selected-color: #ffffff; selection-background-color: #2777ff; color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .run-dialog-entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #fd7d00; } .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: #303340; 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: 1.4em; font-weight: bold; border-radius: 6px; box-shadow: none; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:active, .keyboard-key:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .keyboard-key:grayed { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 6px; -arrow-background-color: #303340; -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 { padding: 10px; transition-duration: 300; background-color: #fafafa; border: none; } .menu-favorites-button { padding: .9em 1em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-favorites-button:hover { background-color: #2777ff; } .menu-places-box { padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #d9d9d9; border-radius: 6px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 6px; } .menu-category-button-selected { padding: 7px; color: #ffffff; background-color: #2777ff; border: 1px solid #d9d9d9; border-radius: 6px; } .menu-category-button-greyed { padding: 7px; color: #aeb0b6; 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: 2.2em; } .menu-selected-app-box:rtl { padding-top: 10px; height: 2.2em; } .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; min-height: 16px; font-weight: normal; caret-color: #5c616c; } .menu-search-entry-icon { icon-size: 1em; color: #5c616c; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #5c616c; border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; } .restart-osd { font-size: 1.6em; } .workspace-osd { font-size: 4em; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; color: #5c616c; background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 6px; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 0.7em; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .osd-window .level-bar { border-radius: 6px; background-color: #2777ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(191, 23, 23, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(92, 97, 108, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #5c616c; background-color: rgba(92, 97, 108, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #5c616c; border-color: #2777ff; } .window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #d41919; background-gradient-end: #d41919; } .window-list-preview { spacing: 6px; color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #ffffff; border-color: #2777ff; } .grouped-window-list-item-box .progress { background-color: rgba(39, 119, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #d41919; background-gradient-end: #d41919; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: rgba(255, 255, 255, 0.1); } .grouped-window-list-badge { border-radius: 256px; background-color: #4a4a4a; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #5c616c; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 6px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 6px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #2777ff; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; background-color: #2777ff; border: 0px solid #2777ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 20px; height: 20px; border: 1px solid transparent; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player > StBoxLayout:first-child StButton:small:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-player > StBoxLayout:first-child StButton:small:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .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(255, 255, 255, 0.9); border-top: 1px solid #d9d9d9; color: #5c616c; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #5c616c; border-radius: 6px; border: 1px solid transparent; } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, #ffffff, white 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .sound-player-overlay StButton:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(#dbdbdb); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player-overlay > StBoxLayout { spacing: 5px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #d9d9d9; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #2777ff; -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; } .panel-left .workspace-switcher, .panel-right .workspace-switcher { padding: 0; } .workspace-button { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); width: 20px; height: 14px; color: rgba(255, 255, 255, 0.45); padding: 3px; padding-top: 4px; transition-duration: 200; } .workspace-button.vertical { height: 1.5em; width: 24px; padding: 0; padding-top: 3px; padding-bottom: 3px; } .workspace-button:outlined { background-color: #2777ff; color: #ffffff; } .workspace-button:outlined:hover { background-color: rgba(39, 119, 255, 0.7); color: #ffffff; } .workspace-button:hover { background-color: rgba(92, 97, 108, 0.2); color: #ffffff; } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 6px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #2777ff; } .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: white; -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: #2777ff; } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("assets/overview.png"); } #overview-corner:hover { background-image: url("assets/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator.vertical { padding: 4px 1px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-separator-line-vertical { height: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 4px; padding-right: 4px; spacing: 4px; color: #454850; text-shadow: none; transition-duration: 100; text-align: center; } .applet-box.vertical { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; } .applet-box:hover, .applet-box:checked { color: #ffffff; background-color: #2777ff; } .applet-box:hover-label, .applet-box:checked-label { color: #ffffff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(191, 23, 23, 0.5); } .applet-label { font-weight: bold; color: #454850; } .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: #ffffff; icon-size: 22px; } .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #5c616c; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #5c616c; } .desklet:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; color: #5c616c; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-with-borders-and-header { border: 1px solid #d9d9d9; border-top-width: 0; border-radius: 0 0 6px 6px; background-color: #ffffff; color: #5c616c; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(191, 23, 23, 0.5); } .desklet-header { border: 1px solid #d9d9d9; border-radius: 6px 6px 0 0; background-color: #f7f7f7; color: #5c616c; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #2777ff; background-color: rgba(39, 119, 255, 0.3); } .photoframe-box { border: 1px solid #d9d9d9; border-radius: 6px; background-color: #ffffff; color: #5c616c; padding: 12px; padding-bottom: 16px; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-preview.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud { background-color: rgba(39, 119, 255, 0.3); border: 1px solid #2777ff; } .tile-hud.snap { background-color: rgba(39, 119, 255, 0.6); } .tile-hud:top { border-top-width: 0px; } .tile-hud:bottom { border-bottom-width: 0px; } .tile-hud:left { border-left-width: 0px; } .tile-hud:right { border-right-width: 0px; } .tile-hud:top-left { border-top-width: 0px; border-left-width: 0px; } .tile-hud:top-right { border-top-width: 0px; border-right-width: 0px; } .tile-hud:bottom-left { border-bottom-width: 0px; border-left-width: 0px; } .tile-hud:bottom-right { border-bottom-width: 0px; border-right-width: 0px; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-2.0/gtkrc ================================================ # Based on Bridge by ScionicSpectre # vim:set ts=2 sw=2 sts=2 ai et: # # This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the # GTK+ 3 version as much as possible until GTK+ 2 dies completely. # # Note: comments for explaining styles are on the bottom of each file beside the # widget matches. # Declare the colours used throughout the theme. # There shouldn't be any fiddling with them in the theme files themselves in # order to not mess up the dark theme. # Text/base gtk-color-scheme = "text_color:black\nbase_color:white" # Foreground/background gtk-color-scheme = "fg_color:#5c616c\nbg_color:white" # Selected foreground/background gtk-color-scheme = "selected_bg_color:#2777ff" gtk-color-scheme = "selected_fg_color: #ffffff" # Insensitive foreground/background gtk-color-scheme = "insensitive_fg_color:#aeb0b6\ninsensitive_bg_color:#fafafa" # Menus gtk-color-scheme = "menu_color:white" # Links gtk-color-scheme = "link_color:#2777ff\nvisited_link_color:#8db7ff" # Treeview headers gtk-color-scheme = "column_header_color:#979a9b\nhover_column_header_color:#636769" # Window decoration gtk-color-scheme = "window_color:#fafafa" # Tooltips gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Set GTK settings gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 # And hand over the control to the theme files include "main.rc" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-2.0/main.rc ================================================ # vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: # # This is the main theme file, handling all the default widgets and theme # properties. Since GTK+ 2 is old, we need to overcome some of its limitations, # which is also mostly done in this file. Sadly not all of them can be overcome # so there will always be a visible difference between the GTK+ 2 and 3 theme. style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @visited_link_color GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkHTML::vlink-color = @visited_link_color GtkIMHtml::hyperlink-color = @link_color GtkIMHtml::hyperlink-visited-color = @visited_link_color GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 0 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @insensitive_bg_color base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = {3, 0, 3, 3} stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = {0, 3, 3, 3} stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = {3, 3, 3, 0} stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = {3, 3, 0, 3} stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs, overrided later on. We set them here too because some widgets # don't specify their orientation. image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[SELECTED] = @selected_fg_color fg[SELECTED] = @link_color } style "menubar_item" { xthickness = 3 ythickness = 4 fg[PRELIGHT] = @link_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @menu_color bg[INSENSITIVE] = @menu_color bg[PRELIGHT] = @menu_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button" { xthickness = 2 ythickness = 2 # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way there's no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a # little to the right. # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button. GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = @insensitive_bg_color } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = @column_header_color fg[PRELIGHT] = @hover_column_header_color font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW shadow = NONE } image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Default style, containing theme properties and trying to match every widget as # much as possible, which is not only faster than trying to match every widget # by its own but also less bug-prune and more consistent. However there is some # widget specific stuff that needs to be taken care of, which is the point of # every other style below. class "GtkWidget" style "default" ###################################### # Override padding, style and colour # ###################################### class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it # uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there # isn't a way to apply the style to only the comboboxes that # have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey # again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] # instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-3.0/gtk-dark.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #23252e; } .background:backdrop { color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #eeeeec; background-color: #23252e; } .gtkstyle-fallback:hover { color: #eeeeec; background-color: #383d4b; } .gtkstyle-fallback:active { color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { color: #888a8d; background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: white; background-color: #272a34; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d5d7; background-color: #292c37; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #43495a; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #888a8d; background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #252831; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: #1e2128; } .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { background-color: #242731; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #888a8d; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #43495a; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #272a34; border-top: 1px solid #13151a; } assistant .sidebar:backdrop { background-color: #292c37; border-color: #13151a; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #4b4d54; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #200404; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #200404; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #4b2500; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #4b2500; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #c6c7c7; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #21242c; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #23252e; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #21242c; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #272a34; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #272a34; background-color: #8b8c90; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #a5a6a9; } :backdrop .entry-tag { color: #292c37; background-color: #595b62; } .entry-tag.button { background-color: transparent; color: rgba(39, 42, 52, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #8b8c90; color: #272a34; } :not(:backdrop) .entry-tag.button:active { background-color: #8b8c90; color: rgba(39, 42, 52, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } button.destructive-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#a61414); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(166, 20, 20, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657), linear-gradient(to top, black 25%, #13151a 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #888a8d; border-color: #13151a; background-image: image(#16181d); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; border-color: #13151a; background-image: image(#1a1d23); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #3b3e46; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(19, 21, 26, 0.5); } list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #8db7ff; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5a97ff; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c0d7ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #8db7ff; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dadada; background-image: none; border-style: none none none solid; border-color: rgba(19, 21, 26, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; border-color: rgba(19, 21, 26, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:backdrop:disabled { color: #43495a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #13151a; background-color: #1e2028; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #13151a; background-color: #1d2027; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: black; border-radius: 0; background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #13151a; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#0f1014); border-color: #0d0e11; border-top-color: #020202; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; border-color: #00348d; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #00348d; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #13151a; } window.devel headerbar.titlebar:not(.selection-mode) { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #8b8c90; border-top-color: #23252e; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #5b93f3; } treeview.view:disabled:backdrop { color: #43495a; } treeview.view.separator { min-height: 2px; color: #23252e; } treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #00348d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bebfc2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: white; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #a0b9e3; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #6c6e73; } treeview.view.progressbar { background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#272a34); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #292c37; } treeview.view.progressbar:backdrop { border-color: #292c37; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005af3; } treeview.view header button { color: #8b8c90; background-color: #272a34; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bdbdbe; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #272a34; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #272a34; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #4f5159; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #23252e; background-image: none; } treeview.view header button:backdrop { color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; background-color: #292c37; } treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #23252e; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #20232b; border: 1px solid #13151a; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #282b35; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #888a8d; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #43495a; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #888a8d; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #20232b; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3b3e46; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #282b35; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #20232b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #13151a; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } popover.background:backdrop { background-color: #23252e; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #13151a; border-width: 1px; background-color: #1d2027; } notebook > header:backdrop { border-color: #13151a; background-color: #1d2027; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #13151a; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #13151a; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #13151a; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #13151a; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #eeeeec; background-color: #1a1c23; } notebook > header tab:hover.reorderable-page { border-color: rgba(19, 21, 26, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { border-color: rgba(19, 21, 26, 0.5); background-color: rgba(35, 37, 46, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #13151a; background-color: #23252e; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { background-color: #292c37; } /************** * Scrollbars * **************/ scrollbar { background-color: #272a34; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #13151a; } scrollbar.bottom { border-top: 1px solid #13151a; } scrollbar.left { border-right: 1px solid #13151a; } scrollbar.right { border-left: 1px solid #13151a; } scrollbar:backdrop { background-color: #1c1e25; border-color: #13151a; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9d9ea0; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #c5c6c6; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9d9ea0; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c5c6c6; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 158, 160, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #13151a; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #13151a; border-radius: 14px; color: #eeeeec; background-color: #1d2027; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #00215a; background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #888a8d; border-color: #13151a; background-color: #242731; text-shadow: none; } switch:backdrop { color: #888a8d; border-color: #13151a; background-color: #1d2027; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #00348d; background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; border-color: #13151a; background-color: #242731; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#3f4454); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#1c1e25); box-shadow: none; } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } switch:backdrop:checked > slider { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } check:hover, radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:backdrop, radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #13151a; border-radius: 3px; background-color: #1d2027; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1d2027; border-color: #13151a; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #13151a; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } scale slider:active { border-color: #00348d; } scale slider:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } scale slider:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #00348d; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#13151a); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #13151a; background-color: #272a34; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; border-color: #13151a; background-color: #292c37; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #fd7d00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #2777ff; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #308e63; background-color: #308e63; } levelbar block.full:backdrop { border-color: #308e63; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; border: 1px solid #13151a; background: white; padding: 0; } printdialog paper:backdrop { color: #888a8d; border-color: #13151a; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #13151a; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #13151a; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #13151a; } actionbar > revealer > box:backdrop { border-color: #13151a; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #13151a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #272a34; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #13151a 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: white; background-color: #272a34; border-color: #13151a; } list:backdrop { color: #d4d5d7; background-color: #292c37; border-color: #13151a; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #3b83fd; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: white; } expander title > arrow:disabled { color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #13151a; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { color: rgba(136, 138, 141, 0.45); } calendar.highlight { color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; border-color: #13151a; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #23252e; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #13151a; } filechooser .dialog-action-box:backdrop { border-top-color: #13151a; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #252831; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #13151a; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #13151a; border-right-style: none; } .sidebar:backdrop { background-color: #262933; border-color: #13151a; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #13151a; } separator.sidebar:backdrop { background-color: #13151a; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #888a8d; } placessidebar row:backdrop { color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { color: #43495a; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#13151a); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#13151a); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #23252e; background-image: image(#13151a), image(#13151a); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; background-image: image(#13151a), image(#13151a); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #010101; border-bottom: 1px solid #1e2128; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #080604; border-bottom: 1px solid #1e2128; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #eeeeec; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #888a8d; border-color: #13151a; background-image: image(#242731); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; border-color: #13151a; background-image: image(#242731); box-shadow: none; border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #eeeeec; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: #13151a; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: #13151a; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid #13151a; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #13151a; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #13151a; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #13151a; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #13151a; border: solid 1px #13151a; border-radius: 0; box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #272a34; border: 1px solid; border-color: #13151a; border-radius: 5px; box-shadow: inset 0 -3px #1b1d24; font-size: smaller; } .keycap:backdrop { background-color: #292c37; color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #3b3e46; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#23252e, 0.5); border-color: alpha(#13151a, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #888a8d; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.24); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #13151a; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#13151a, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#23252e)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#13151a, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#13151a, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #13151a; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #13151a; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#23252e); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#23252e, #272a34, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #272a34; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#eeeeec, #272a34, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#13151a, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#13151a, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(238, 238, 236, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(136, 138, 141, 0.5); } tabbar .box { min-height: 38px; background: #0f1014; border-bottom: 1px solid black; } tabbar .box:backdrop { background-color: #0f1014; border-color: #13151a; } tabbar scrolledwindow.pinned undershoot { border: 0 solid black; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #13151a; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #13151a; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 black; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #13151a; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: black; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #16171d; } tabbar tab:checked { background-color: #23252e; } tabbar tab:checked:hover { background-color: #292c37; } tabbar tab:hover { background-color: #1c1e25; } tabbar tab:backdrop { border-color: #13151a; background-color: #16171d; } tabbar tab:backdrop:checked { background-color: #23252e; } tabbar .start-action, tabbar .end-action { background: #16171d; border-color: black; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #13151a; background-color: #16171d; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #292c37; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#eeeeec, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } /*************** * Base States * ***************/ .background, .background:backdrop { background: #23252e; } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#1d2027); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6d98e4; border-color: #005af3; background-image: image(#1e61d6); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a4beeb; border-color: #005af3; background-image: image(#1c5dcd); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #991212; background-image: image(#a61414); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; background-image: image(#e41d1d); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #670c0c; background-image: linear-gradient(to right, #700d0d, #5d0b0b); box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #edd0d0; border-color: #790e0e; background-image: image(#a61414); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#2667d5); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ad6667; border-color: #790e0e; background-image: image(#811415); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #c9a1a1; border-color: #790e0e; background-image: image(#791314); box-shadow: none; } /********** * Entry * **********/ spinbutton:not(.vertical), entry { background-color: #1d2027; } headerbar spinbutton:not(.vertical), headerbar entry { background: #272a34; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #13151a; } switch slider:checked { border-color: #13151a; } switch slider:checked:backdrop:not(:disabled) { border-color: #13151a; } switch slider:disabled { border-color: #13151a; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #13151a; background-image: image(#23252e); color: #eeeeec; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: image(#323643); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: image(#0f1014); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #13151a; border-radius: 6px; background-color: #13151a; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #13151a; border-color: #13151a; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #13151a; border-color: #13151a; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #13151a; border-color: #13151a; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #00348d; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: #23252e; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: white; } headerbar, headerbar:backdrop { box-shadow: none; background: #23252e; } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#323643); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#323643); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(#1a1c23); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #23252e; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #23252e; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #4e5468; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: #23252e; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #13151a; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #292c37; } /************** * Tree Views * **************/ treeview.view { border-top-color: #13151a; } treeview.view:backdrop { border-top-color: #13151a; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #13151a; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .csd popover.background, popover.background { border-color: rgba(19, 21, 26, 0.75); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #1d2027; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; border-color: #13151a; background-image: image(#323643); box-shadow: none; background: image(#272a34); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #13151a; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #272a34; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #13151a; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #272a34; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #13151a; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #272a34; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #13151a; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #272a34; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#6ea4ff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #93b5f0; border-color: #005af3; background-image: image(#276be1); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #005af3; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #739fec; border-color: #005af3; background-image: image(#276be1); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#ffa145); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #eeb884; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #ca6400; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #e9a35e; border-color: #ca6400; background-image: image(#dd7108); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#e73737); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #d48d8d; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #911212; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #c66a6b; border-color: #911212; background-image: image(#a81a1b); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #23252e; color: white; box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #23252e; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(19, 21, 26, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #23252e; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #23252e; border-top-width: 0; border-bottom-width: 2px; background: #23252e; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 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 { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: #23252e; } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, #08090b 41px, #1e2128 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, #08090b 41px, #1e2128 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(#1e2128); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #00348d; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #13151a; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: #2b3242; border-radius: 99px; box-shadow: inset 0 0 0 1px #13151a; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #323643; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #272a34; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: #23252e; } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #eeeeec; } .xfce4-panel button:hover { background: rgba(0, 0, 0, 0.2); } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #13151a; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; border-bottom-color: #1c1e25; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #1c1e25; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.27); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: #3d4251; } wnck-pager:selected { background-color: black; } wnck-pager:hover { background-color: black; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: #23252e; color: #eeeeec; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: #23252e; border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(35, 37, 46, 0.4); border-color: rgba(35, 37, 46, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #23252e; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.27); box-shadow: none; color: #eeeeec; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #13151a; background-image: image(#414657); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(238, 238, 236, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(238, 238, 236, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#eeeeec,0.4); background-color: rgba(238, 238, 236, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #23252e; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #eeeeec; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #888a8d; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #13151a; } .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; } .workspace-switcher .workspace-layout { border: 0 solid #23252e; } .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 #181a20; } .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.current-workspace { background-color: #181a20; } .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: #272a34; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #13151a; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #eeeeec; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(238, 238, 236, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(238, 238, 236, 0.4); border: 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 #13151a; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #23252e; color: #eeeeec; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #23252e; color: #eeeeec; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #13151a; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #13151a; background-color: #272a34; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #23252e; } .raven-mpris { background-color: rgba(35, 37, 46, 0.8); color: #eeeeec; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #23252e; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #23252e; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #13151a; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #eeeeec; } .budgie-polkit-dialog .failure { color: #a61414; } .budgie-run-dialog { background-color: #272a34; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #13151a; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #13151a; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #23252e; /* text widgets and the like base background color */ @define-color theme_base_color #272a34; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #23252e; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #292c37; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #43495a; /* widgets main borders color */ @define-color borders #13151a; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #13151a; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #308e63; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); @define-color wm_bg_b #23252e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#23252e, 1.3); @define-color wm_button_hover_color_b #23252e; @define-color wm_button_active_color_a shade(#23252e, 0.85); @define-color wm_button_active_color_b shade(#23252e, 0.89); @define-color wm_button_active_color_c shade(#23252e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #272a34; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1a1c23; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-3.0/gtk.css ================================================ /*************************** * Check and Radio buttons * ***************************/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #bf1717; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: #2777ff; } /*************** * Base States * ***************/ .background { color: #5c616c; background-color: #ffffff; } .background:backdrop { color: #aeb0b6; background-color: #ffffff; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #5c616c; background-color: #ffffff; } .gtkstyle-fallback:hover { color: #5c616c; background-color: white; } .gtkstyle-fallback:active { color: #5c616c; background-color: #e6e6e6; } .gtkstyle-fallback:disabled { color: #aeb0b6; background-color: #fdfdfd; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } .view, iconview, .view text, iconview text, textview text { color: black; background-color: #fafafa; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #313131; background-color: #f7f7f7; } .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d9d9d9; } .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #aeb0b6; background-color: #fdfdfd; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #fcfcfc; } .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } .content-view .tile:backdrop { background-color: transparent; } .content-view .tile:active, .content-view .tile:selected { background-color: transparent; } .content-view .tile:disabled { background-color: transparent; } label { caret-color: currentColor; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { color: #aeb0b6; } button label:disabled { color: inherit; } label:disabled:backdrop { color: #d9d9d9; } button label:disabled:backdrop { color: inherit; } label.error { color: #bf1717; } label.error:disabled { color: rgba(191, 23, 23, 0.5); } label.error:disabled:backdrop { color: rgba(191, 23, 23, 0.4); } .dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #fafafa; border-top: 1px solid #d9d9d9; } assistant .sidebar:backdrop { background-color: #f7f7f7; border-color: #d9d9d9; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #dedfe2; } .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; background-color: #303340; background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { color: #aeb0b6; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********************** * General Typography * **********************/ .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; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #2777ff; border-color: #2777ff; } spinbutton:disabled:not(.vertical), entry:disabled { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #313131; border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; border-color: #bf1717; } spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #bf1717; border-color: #bf1717; } spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #bf1717; } spinbutton.warning:not(.vertical), entry.warning { color: #fd7d00; border-color: #fd7d00; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #fd7d00; border-color: #fd7d00; } spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #fd7d00; } spinbutton:not(.vertical) image, entry image { color: #7c8088; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #5c616c; } spinbutton:not(.vertical) image:active, entry image:active { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #bdbec3; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #97999f; border-color: black; background-color: rgba(68, 72, 83, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #2777ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #2777ff; } .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #bf1717; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #19a187; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0f0f0; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #eeeeee; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0f0f0; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #2777ff; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #bf1717; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #19a187; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2777ff; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #bf1717; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #19a187; } spinbutton.error:not(.vertical), entry.error { color: #bf1717; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #fafafa; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #fafafa; } treeview entry.flat:focus, treeview entry:focus { border-color: #2777ff; } .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #2777ff; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } .entry-tag:hover { background-color: #5a97ff; } :backdrop .entry-tag { color: #f7f7f7; background-color: #2777ff; } .entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } :not(:backdrop) .entry-tag.button:hover { border: 1px solid #2777ff; color: #ffffff; } :not(:backdrop) .entry-tag.button:active { background-color: #2777ff; color: rgba(255, 255, 255, 0.7); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2777ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #19a187; border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; } row:selected button { border-color: #0051da; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #f7f7f7; } button.osd { min-width: 26px; min-height: 32px; color: white; border-radius: 5px; color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 34px; } button.osd:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; } button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } button.suggested-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } .osd button.suggested-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#2777ff); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(39, 119, 255, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #c61717; background-image: image(#d41919); box-shadow: none; } button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #d41919; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; background-image: image(#c21717); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #941111; background-image: linear-gradient(to right, #9d1313, #8b1010); box-shadow: 0 2px 4px rgba(148, 17, 17, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f6d1d1; border-color: #d41919; background-image: image(#d41919); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #da7272; border-color: #c72626; background-image: image(#c72626); box-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(212, 25, 25, 0.8); } button.destructive-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #e8a8a8; border-color: #a61414; background-image: image(#c72626); box-shadow: none; } .osd button.destructive-action { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; background-image: image(#d41919); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(rgba(212, 25, 25, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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.font separator, button.file separator { background-color: transparent; } button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); box-shadow: none; border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); box-shadow: none; border-color: transparent; } stacksidebar 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(#2777ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } stacksidebar 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; } .inline-toolbar toolbutton > button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .inline-toolbar toolbutton > button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-bottom-left-radius: 6px; } .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-top-right-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; -gtk-outline-top-left-radius: 6px; -gtk-outline-top-right-radius: 6px; } .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -gtk-outline-bottom-left-radius: 6px; -gtk-outline-bottom-right-radius: 6px; } .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 6px; -gtk-outline-radius: 6px; } .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 6px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #eaebec; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } .osd button.color colorswatch:only-child { box-shadow: none; } .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ list row button.image-button:not(.flat) { border: 1px solid rgba(217, 217, 217, 0.5); } list row button.image-button:not(.flat):hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } /********* * Links * *********/ button:link > label, button:visited > label, button:link, button:visited, *:link { color: #005af3; } button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #0047c0; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #99b5e6; } button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #2777ff; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #e9f1ff; } button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #005af3; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #ccdefd; } button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(122, 122, 122, 0.8); } button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 90, 243, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #ccdefd; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #6c707a; background-image: none; border-style: none none none solid; border-color: rgba(217, 217, 217, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #5c616c; background-color: rgba(92, 97, 108, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(174, 176, 182, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #b5b7bd; background-color: transparent; border-color: rgba(217, 217, 217, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(217, 217, 217, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: white; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97999f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #aeb0b6; } spinbutton.vertical:backdrop:disabled { color: #d9d9d9; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical button.up { border-radius: 6px 6px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 6px 6px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /************ * Toolbars * ************/ searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #ffffff; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #303340; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #d9d9d9; background-color: #f4f4f4; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #d9d9d9; background-color: #f2f2f2; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #c2c2c2; border-radius: 0; background: #e6e6e6 linear-gradient(to top, #e0e0e0, #e8e8e8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d9d9d9; background-color: #ffffff; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#d4d4d4); border-color: #d1d1d1; border-top-color: #c4c4c4; } .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #0051da; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #1d71ff, #2c7aff); box-shadow: inset 0 1px rgba(125, 173, 255, 0.9); } .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(147, 187, 255, 0.88); } .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; -gtk-icon-effect: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #87b4fe; border-color: #478bfe; background-image: image(#478bfe); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; border-color: #0051da; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #a3c5ff; border-color: #005af3; background-image: image(#478bfe); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #0051da; } .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 9px; border-top-right-radius: 9px; } .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } 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: 7px; border-top-right-radius: 7px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) separator { background-color: #d9d9d9; } window.devel headerbar.titlebar:not(.selection-mode) { background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); /* background-color would flash */ } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** * Tree Views * **************/ treeview.view { border-left-color: #abadb3; border-top-color: #ffffff; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #93bbff; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: #aeb0b6; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { color: #669efd; } treeview.view:disabled:backdrop { color: #d9d9d9; } treeview.view.separator { min-height: 2px; color: #ffffff; } treeview.view.separator:backdrop { color: rgba(255, 255, 255, 0.1); } treeview.view:backdrop { border-left-color: #d7d8db; border-top: #ffffff; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #0051da; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4b4b4b; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: black; } treeview.view.expander:selected { color: #bed6ff; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #b9d1fa; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #c4c5ca; } treeview.view.progressbar { color: #fafafa; background-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #2777ff; background-image: image(#fafafa); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #2777ff; background-color: #f7f7f7; } treeview.view.progressbar:backdrop { color: #f7f7f7; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(92, 97, 108, 0.1); } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } treeview.view header button { color: #abadb3; background-color: #fafafa; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #848790; box-shadow: none; transition: none; } treeview.view header button:active { color: #5c616c; transition: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #fafafa; background-image: none; background-color: #2777ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #fafafa; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #2777ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #dfdfdf; border-radius: 0; text-shadow: none; } treeview.view header button:disabled { border-color: #ffffff; background-image: none; } treeview.view header button:backdrop { color: #d7d8db; border-color: #ffffff; border-style: none solid solid none; background-image: none; background-color: #f7f7f7; } treeview.view header button:backdrop:disabled { border-color: #ffffff; background-image: none; } treeview.view header button:last-child { border-right-style: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #ffffff; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #2777ff; color: #005af3; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #aeb0b6; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #fafafa; border: 1px solid #d9d9d9; } .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #f7f7f7; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #aeb0b6; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d9d9d9; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #aeb0b6; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #fafafa; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #eaebec; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #eaebec; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebec; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #f7f7f7; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** * Popovers * ***************/ popover.background { padding: 2px; background-color: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { border: 1px solid #d9d9d9; border-radius: 10px; } .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } popover.background:backdrop { background-color: #ffffff; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #d9d9d9; border-width: 1px; background-color: #f2f2f2; } notebook > header:backdrop { border-color: #d9d9d9; background-color: #f2f2f2; } notebook > header tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #d9d9d9; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #2777ff; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #d9d9d9; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #2777ff; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #d9d9d9; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #2777ff; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #d9d9d9; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #2777ff; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #5c616c; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #5c616c; background-color: whitesmoke; } notebook > header tab:hover.reorderable-page { border-color: rgba(217, 217, 217, 0.3); background-color: rgba(255, 255, 255, 0.2); } notebook > header tab:backdrop { color: #ced0d3; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #5c616c; } notebook > header tab:checked.reorderable-page { border-color: rgba(217, 217, 217, 0.5); background-color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(255, 255, 255, 0.7); } notebook > header tab:backdrop:checked { color: #aeb0b6; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #d9d9d9; background-color: #ffffff; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { color: currentColor; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: #fafafa; } notebook > stack:not(:only-child):backdrop { background-color: #f7f7f7; } /************** * Scrollbars * **************/ scrollbar { background-color: #fafafa; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #d9d9d9; } scrollbar.bottom { border-top: 1px solid #d9d9d9; } scrollbar.left { border-right: 1px solid #d9d9d9; } scrollbar.right { border-left: 1px solid #d9d9d9; } scrollbar:backdrop { background-color: #f7f7f7; border-color: #d9d9d9; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #9da0a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar slider:hover { background-color: #7d8189; } scrollbar slider:hover:active { background-color: #2777ff; } scrollbar slider:backdrop { background-color: #dfdfe2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #5c616c; border: 1px solid white; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #5c616c; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9da0a7; } scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #7d8189; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(157, 160, 167, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #dfdfe2; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(223, 223, 226, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview ~ scrollbar.vertical { border-top: 1px solid #d9d9d9; margin-top: -1px; } /********** * Switch * **********/ switch { outline-offset: -4px; border: 1px solid #d9d9d9; border-radius: 14px; color: #5c616c; background-color: #f2f2f2; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } switch:checked { color: #ffffff; border-color: #0047c0; background-color: #2777ff; text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #aeb0b6; border-color: #d9d9d9; background-color: #fdfdfd; text-shadow: none; } switch:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-color: #f2f2f2; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { color: #ffffff; border-color: #0047c0; background-color: #2777ff; } switch:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-color: #fdfdfd; } switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; } switch image { color: transparent; } switch:hover slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } switch:checked > slider { border: 1px solid #0047c0; } switch:disabled slider { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } switch:backdrop slider { transition: 200ms ease-out; color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } switch:backdrop:checked > slider { border-color: #0047c0; } switch:backdrop:disabled slider { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } row:selected switch { box-shadow: none; border-color: #0047c0; } row:selected switch:backdrop { border-color: #0047c0; } row:selected switch > slider:checked, row:selected switch > slider { border-color: #0047c0; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: white; background-color: #2777ff; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.8); background-color: #939393; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } check:only-child, radio:only-child { margin: 0; } popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #c2c2c2; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #5c616c; } check:hover, radio:hover { background-image: image(#f2f2f2); } check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:disabled, radio:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } check:backdrop, radio:backdrop { background-image: image(white); box-shadow: none; color: #5c616c; } check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:checked:backdrop, radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } check:backdrop, radio:backdrop { transition: 200ms ease-out; } row:selected check, row:selected radio { border-color: #0047c0; } .osd check, .osd radio { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } check { border-radius: 3px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio:active, check:active { -gtk-icon-transform: scale(0, 1); } radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #0051da; } /************ * GtkScale * ************/ progressbar trough, scale fill, scale trough { border: 1px solid #d9d9d9; border-radius: 3px; background-color: #f2f2f2; } progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #fdfdfd; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #f2f2f2; border-color: #d9d9d9; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #fdfdfd; } row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #0051da; } .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } progressbar progress, scale highlight { border: 1px solid #0051da; border-radius: 3px; background-color: #2777ff; } progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } progressbar progress:backdrop, scale highlight:backdrop { border-color: #2777ff; } progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #0051da; } .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale fill, scale highlight { margin: -1px; } scale slider { min-height: 18px; min-width: 18px; margin: -9px; } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; } scale fill:backdrop, scale fill { background-color: #d9d9d9; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #404040; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; border: 1px solid #bababa; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } scale slider:active { border-color: #0051da; } scale slider:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } scale slider:backdrop { transition: 200ms ease-out; color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } scale slider:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } row:selected scale slider:disabled, row:selected scale slider { border-color: #0051da; } .osd scale slider { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); border-color: black; background-color: #303340; } .osd scale slider:hover { color: white; border-color: black; background-color: transparent; background-image: image(#4a5063); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:active { color: white; border-color: black; background-color: transparent; background-image: image(black); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); background-color: #303340; } .osd scale slider:disabled { color: #97999f; border-color: black; background-color: transparent; background-image: image(rgba(68, 72, 83, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop { color: white; border-color: black; background-color: transparent; background-image: image(#303340); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #303340; } .osd scale slider:backdrop:disabled { background-color: #303340; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune 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: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(#d9d9d9); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(92, 97, 108, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } progressbar.horizontal progress { margin: 0 -1px; } progressbar.vertical progress { margin: -1px 0; } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar progress { border-radius: 1.5px; } progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } progressbar trough.empty progress { all: unset; } /************* * Level Bar * *************/ levelbar.horizontal block { min-height: 1px; } levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } levelbar.vertical block { min-width: 1px; } levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #d9d9d9; background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #313131; border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } levelbar block.low { border-color: #974b00; background-color: #fd7d00; } levelbar block.low:backdrop { border-color: #fd7d00; } levelbar block.high, levelbar block:not(.empty) { border-color: #0047c0; background-color: #2777ff; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #2777ff; } levelbar block.full { border-color: #236849; background-color: #3db47e; } levelbar block.full:backdrop { border-color: #3db47e; } levelbar block.empty { background-color: transparent; border-color: rgba(92, 97, 108, 0.2); } levelbar block.empty:backdrop { border-color: rgba(174, 176, 182, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #5c616c; border: 1px solid #d9d9d9; background: white; padding: 0; } printdialog paper:backdrop { color: #aeb0b6; border-color: #d9d9d9; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #d9d9d9; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #d9d9d9; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #d9d9d9; } actionbar > revealer > box:backdrop { border-color: #d9d9d9; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 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.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fafafa; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px); background-color: #f7f7f7; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* * Lists * *********/ list { color: black; background-color: #fafafa; border-color: #d9d9d9; } list:backdrop { color: #313131; background-color: #f7f7f7; border-color: #d9d9d9; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(92, 97, 108, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #2c75f0; } row.activatable:selected:backdrop { background-color: #2777ff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #303340; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /************* * Expanders * *************/ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander title > arrow:hover { color: #aaaeb7; } expander title > arrow:disabled { color: #aeb0b6; } expander title > arrow:disabled:backdrop { color: #d9d9d9; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: black; border: 1px solid #d9d9d9; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:backdrop { color: rgba(174, 176, 182, 0.45); } calendar.button:disabled { color: rgba(174, 176, 182, 0.45); } calendar.highlight { color: #aeb0b6; } calendar.highlight:backdrop { color: #d9d9d9; } calendar:backdrop { color: #313131; border-color: #d9d9d9; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #ffffff; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; } filechooser .dialog-action-box { border-top: 1px solid #d9d9d9; } filechooser .dialog-action-box:backdrop { border-top-color: #d9d9d9; } filechooser #pathbarbox { border-bottom: 1px solid #ffffff; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; background-color: #fcfcfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #d9d9d9; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #d9d9d9; border-right-style: none; } .sidebar:backdrop { background-color: #fbfbfb; border-color: #d9d9d9; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } separator.sidebar { background-color: #d9d9d9; } separator.sidebar:backdrop { background-color: #d9d9d9; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** * File chooser * ****************/ row image.sidebar-icon { opacity: 0.7; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { color: #aeb0b6; } placessidebar row:backdrop { color: #aeb0b6; } placessidebar row:backdrop:selected { color: #f7f7f7; } placessidebar row:backdrop:disabled { color: #d9d9d9; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#19a187); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #2777ff; } placessidebar row:drop(active):not(:disabled) { color: #19a187; box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #19a187; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -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 row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#d9d9d9); background-size: 1px 1px; } paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { background-image: image(#d9d9d9); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #ffffff; background-image: image(#d9d9d9), image(#d9d9d9); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #ffffff; background-image: image(#d9d9d9), image(#d9d9d9); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } infobar.action:hover > revealer > box { background-color: #f7e9d1; border-bottom: 1px solid #e6e6e6; } infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #f5e5c8; border-bottom: 1px solid #e6e6e6; } infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #5c616c; } infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; border-color: #e6e6e6; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d9d9d9; border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; border-color: #e6e6e6; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #5c616c; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #e6e6e6; } infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #005af3; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch:drop(active), colorswatch { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; } colorswatch:drop(active).dark overlay { border-color: #19a187; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } colorswatch#add-color-button overlay:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** * Misc * ********/ .content-view { background-color: #ededed; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #ededed; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(92, 97, 108, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 9px 9px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; } .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 9px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } .solid-csd decoration { margin: 0; padding: 4px; background-color: #d9d9d9; border: solid 1px #d9d9d9; border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } button.titlebutton:backdrop { -gtk-icon-shadow: none; } .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #f7f7f7; } label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #669efd; } .monospace { font-family: monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } .context-menu { font: initial; } .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #5c616c; background-color: #fafafa; border: 1px solid; border-color: #ececec; border-radius: 5px; box-shadow: inset 0 -3px #fefefe; font-size: smaller; } .keycap:backdrop { background-color: #f7f7f7; color: #aeb0b6; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #19a187; box-shadow: inset 0 0 0 1px #19a187; caret-color: #19a187; } stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } /************* * App Icons * *************/ /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Dropshadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /********* * Emoji * ********/ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } button.emoji-section:backdrop:not(:checked) { border-color: transparent; } button.emoji-section:hover { border-color: #d9d9d9; } button.emoji-section:checked { border-color: #2777ff; } button.emoji-section label { padding: 0; opacity: 0.55; } button.emoji-section:hover label { opacity: 0.775; } button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } popover.emoji-picker .emoji :hover { background: #2777ff; border-radius: 6px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #eaebec; } /*************************** * Check and Radio buttons * ***************************/ row label.subtitle { font-size: smaller; opacity: 0.55; text-shadow: none; } row > box.header { margin-left: 12px; margin-right: 12px; min-height: 50px; } row > box.header > box.title { margin-top: 8px; margin-bottom: 8px; } row.expander { background-color: transparent; } row.expander list.nested > row { background-color: alpha(#ffffff, 0.5); border-color: alpha(#d9d9d9, 0.7); border-style: solid; border-width: 1px 0px 0px 0px; } row.expander image.expander-row-arrow { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); } row.expander:not(:checked) image.expander-row-arrow { opacity: 0.55; text-shadow: none; } row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(-0.25turn); } row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(0.25turn); } row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2777ff; } row.expander image.expander-row-arrow:disabled { color: #aeb0b6; } flap > dimming, deck > dimming, leaflet > dimming { background: rgba(0, 0, 0, 0.12); } flap > border, deck > border, leaflet > border { min-width: 1px; min-height: 1px; background: #d9d9d9; } flap > shadow, deck > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, deck > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.right, deck > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.up, deck > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > shadow.down, deck > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } flap > outline, deck > outline, leaflet > outline { min-width: 1px; min-height: 1px; background: transparent; } avatar { border-radius: 9999px; -gtk-outline-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: #fff; } avatar.image { background: none; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } statuspage > scrolledwindow > viewport > box { margin: 36px 12px; } statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp > list, preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { transition: margin-top 200ms ease; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, preferencespage > scrolledwindow > viewport > clamp.small { margin-bottom: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.small > list, preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { margin-top: 18px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, preferencespage > scrolledwindow > viewport > clamp.medium { margin-bottom: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.medium > list, preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { margin-top: 24px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, preferencespage > scrolledwindow > viewport > clamp.large { margin-bottom: 30px; } window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, preferencespage > scrolledwindow > viewport > clamp.large > list, preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { margin-top: 30px; } preferencesgroup > box > label:not(:first-child) { margin-top: 6px; } preferencesgroup > box > box:not(:first-child) { margin-top: 12px; } tabbar .tab-indicator:not(.clickable) { background: none; box-shadow: none; border-color: transparent; } /*************************** * Check and Radio buttons * ***************************/ popover.combo list { min-width: 200px; } window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; } .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; } popover.combo { padding: 0px; } popover.combo list { border-style: none; background-color: transparent; } popover.combo list > row { padding: 0px 12px 0px 12px; min-height: 50px; } popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#d9d9d9, 0.5); } popover.combo list > row:first-child { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo list > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo overshoot.top { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } popover.combo overshoot.bottom { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; } popover.combo scrollbar.vertical:dir(ltr) { border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } popover.combo scrollbar.vertical:dir(rtl) { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; } row.expander { padding: 0px; } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 6px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 6px; } keypad .digit { font-size: 200%; font-weight: bold; } keypad .letters { font-size: 70%; } keypad .symbol { font-size: 160%; } viewswitcher, viewswitcher button { margin: 0; padding: 0; } viewswitcher button { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; font-size: 1rem; } viewswitcher button:not(:checked):not(:hover) { background: transparent; } viewswitcher button:not(:only-child):not(:last-child) { border-right-width: 0px; } viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { border-left-color: transparent; } viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { border-right-color: transparent; } viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: image(lighter(#ffffff)); } viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: shade(#d9d9d9, 1.15); } viewswitcher button:not(only-child):last-child:not(:checked):hover { border-right-color: shade(#d9d9d9, 1.15); } viewswitcher button:not(:checked):hover:backdrop { background-image: image(#ffffff); } headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { background-image: linear-gradient(to top, shade(alpha(#ffffff, 0.7), 0.96) 2px, alpha(#ffffff, 0.7)); } headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { border-left-color: #d9d9d9; } headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { border-right-color: #d9d9d9; } headerbar viewswitcher button:not(:checked):hover:backdrop { background-image: image(#ffffff); } viewswitcher button > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; } viewswitcher button > stack > box.narrow image, viewswitcher button > stack > box.narrow label { padding-left: 8px; padding-right: 8px; } viewswitcher button > stack > box.wide { padding: 8px 12px; } viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; } viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; } viewswitcher button > stack > box label.active { font-weight: bold; } viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { animation: none; background-image: none; } viewswitcher button.needs-attention > stack > box label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 0px, right 1px; } viewswitcher button.needs-attention > stack > box label:backdrop { background-size: 6px 6px, 0 0; } viewswitcher button.needs-attention > stack > box label:dir(rtl) { background-position: left 0px, left 1px; } viewswitcherbar actionbar > revealer > box { padding: 0; } list.content, list.content list { background-color: transparent; } list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { background-color: mix(#ffffff, #fafafa, 0.5); } list.content list.nested > row:not(:active):hover.activatable:not(:selected) { background-color: mix(#5c616c, #fafafa, 0.95); } list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { background-color: #fafafa; } list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { background-color: mix(#5c616c, #fafafa, 0.95); } list.content > row, list.content > row list > row { border-color: alpha(#d9d9d9, 0.7); border-style: solid; transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.content > row:not(:last-child) { border-width: 1px 1px 0px 1px; } list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { border-top-left-radius: 8px; -gtk-outline-top-left-radius: 7px; border-top-right-radius: 8px; -gtk-outline-top-right-radius: 7px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { border-width: 1px; } list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { border-bottom-left-radius: 8px; -gtk-outline-bottom-left-radius: 7px; border-bottom-right-radius: 8px; -gtk-outline-bottom-right-radius: 7px; } list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { margin-top: 6px; } button.list-button:not(:active):not(:checked):not(:hover) { background: none; border: 1px solid alpha(#d9d9d9, 0.5); box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.7); } window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { box-shadow: none; } window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.34); } window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 8px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: rgba(92, 97, 108, 0.5); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { color: rgba(174, 176, 182, 0.5); } tabbar .box { min-height: 38px; background: #d9d9d9; border-bottom: 1px solid #c2c2c2; } tabbar .box:backdrop { background-color: #e8e8e8; border-color: #d9d9d9; } tabbar scrolledwindow.pinned undershoot { border: 0 solid #c2c2c2; } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { border-left-width: 1px; } tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { border-right-width: 1px; } tabbar scrolledwindow.pinned:backdrop undershoot { border-color: #d9d9d9; } tabbar scrolledwindow.pinned tabbox:dir(ltr) { padding-right: 1px; box-shadow: inset -1px 0 #c2c2c2; } tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { box-shadow: inset -1px 0 #d9d9d9; } tabbar scrolledwindow.pinned tabbox:dir(rtl) { padding-left: 1px; box-shadow: inset 1px 0 #c2c2c2; } tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { box-shadow: inset 1px 0 #d9d9d9; } tabbar undershoot { transition: none; } tabbar undershoot.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar .needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } tabbar tab { border-style: solid; border-color: #c2c2c2; border-width: 0 1px 0 1px; transition: background 150ms ease-in-out; background-color: #e0e0e0; } tabbar tab:checked { background-color: #f0f0f0; } tabbar tab:checked:hover { background-color: #f7f7f7; } tabbar tab:hover { background-color: #e8e8e8; } tabbar tab:backdrop { border-color: #d9d9d9; background-color: #f0f0f0; } tabbar tab:backdrop:checked { background-color: #ffffff; } tabbar .start-action, tabbar .end-action { background: #e0e0e0; border-color: #c2c2c2; border-style: solid; transition: background 150ms ease-in-out; } tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #d9d9d9; background-color: #f0f0f0; } tabbar .start-action button, tabbar .end-action button { border: none; border-radius: 0; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { border-right-width: 1px; } tabbar .start-action:dir(ltr) > *, tabbar .end-action:dir(rtl) > * { margin-right: 1px; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width: 1px; } tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; } .tab-drag-icon tab { min-height: 26px; background-color: #f7f7f7; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; } tabbar tab, .tab-drag-icon tab { padding: 6px; } tabbar tab.needs-attention, .tab-drag-icon tab.needs-attention { background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } tabbar tab .tab-close-button, tabbar tab .tab-indicator, .tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-indicator { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; border: none; box-shadow: none; -gtk-icon-shadow: none; text-shadow: none; background: none; } tabbar tab .tab-close-button:hover, tabbar tab .tab-indicator.clickable:hover, .tab-drag-icon tab .tab-close-button:hover, .tab-drag-icon tab .tab-indicator.clickable:hover { background: alpha(#5c616c, 0.15); } tabbar tab .tab-close-button:active, tabbar tab .tab-indicator.clickable:active, .tab-drag-icon tab .tab-close-button:active, .tab-drag-icon tab .tab-indicator.clickable:active { background: alpha(black, 0.2); } * { outline-style: solid; outline-offset: -4px; outline-width: 2px; -gtk-outline-radius: 3px; outline-color: alpha(currentColor,0.07); } * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.15); } /*************** * Base States * ***************/ .background, .background:backdrop { background: #ffffff; } /********** * Button * **********/ button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:hover, button.flat:active { background: image(#f2f2f2); box-shadow: none; transition: none; } button.flat:link, button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #186dff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6da3fe; border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: none; } button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #c61717; background-image: image(#d41919); box-shadow: none; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; background-image: image(#c21717); box-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #941111; background-image: linear-gradient(to right, #9d1313, #8b1010); box-shadow: 0 2px 4px rgba(148, 17, 17, 0.25); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f6d1d1; border-color: #d41919; background-image: image(#d41919); box-shadow: none; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #ffffff; border-color: #2777ff; background-image: image(#5292ff); box-shadow: none; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #da7272; border-color: #c72626; background-image: image(#c72626); box-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #e8a8a8; border-color: #a61414; background-image: image(#c72626); box-shadow: none; } /********** * Entry * **********/ headerbar spinbutton:not(.vertical), headerbar entry { background: #fafafa; } /********** * Switch * **********/ switch:checked { border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; margin-right: 1px; } switch:backdrop, switch:disabled { box-shadow: none; border-color: #d9d9d9; } switch slider:checked { border-color: #0051da; } switch slider:checked:backdrop:not(:disabled) { border-color: #2777ff; } switch slider:disabled { border-color: #d9d9d9; } /************************* * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, radio, menu menuitem radio, menu menuitem:hover radio { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } check:hover, menu menuitem check:hover, menu menuitem:hover check:hover, radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, radio:disabled, radio:disabled:checked, radio:disabled:indeterminate, radio:disabled:backdrop, radio:disabled:backdrop:checked, radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { border-color: #d9d9d9; background-image: image(#ffffff); color: #5c616c; } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: image(#2777ff); border-color: #2777ff; color: #ffffff; } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); color: #ffffff; } switch slider, scale slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: image(white); box-shadow: none; } switch slider:active, switch slider:hover, scale slider:active, scale slider:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: image(white); box-shadow: none; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { border: 2px solid #d9d9d9; border-radius: 6px; background-color: #d9d9d9; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #d9d9d9; border-color: #d9d9d9; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #d9d9d9; border-color: #d9d9d9; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #d9d9d9; border-color: #d9d9d9; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #0051da; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(68, 72, 83, 0.5); } scale highlight, progressbar progress { border: 2px solid #2777ff; border-radius: 6px; background-color: #2777ff; } scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } scale highlight:backdrop, progressbar progress:backdrop { border-color: #2777ff; } scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; } row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #0051da; } .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: #2777ff; } .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } /*************** * Header bars * ***************/ headerbar { border: none; background: white; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); color: black; } headerbar, headerbar:backdrop { box-shadow: none; background: white; } .titlebar:not(headerbar) .title, headerbar .title { font-weight: normal; } .titlebar:not(headerbar) button, .titlebar:not(headerbar) entry, headerbar button, headerbar entry { border: none; background: image(#ededed); } .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) entry:disabled, headerbar button:disabled, headerbar entry:disabled { background: image(whitesmoke); } .titlebar:not(headerbar) button:backdrop, headerbar button:backdrop { background: image(#ededed); } .titlebar:not(headerbar) button:backdrop:disabled, headerbar button:backdrop:disabled { background: image(whitesmoke); } .titlebar:not(headerbar) entry:focus, headerbar entry:focus { background: #ffffff; } .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:active, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:active, headerbar stackswitcher button:checked, headerbar button.toggle:active, headerbar button.toggle:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); } .titlebar:not(headerbar) viewswitcher button > stack > box.narrow, .titlebar:not(headerbar) hdyviewswitcher > button box.narrow, headerbar viewswitcher button > stack > box.narrow, headerbar hdyviewswitcher > button box.narrow { margin: -7px 0 -5px; } .titlebar:not(headerbar) viewswitcher button > stack > box.wide, .titlebar:not(headerbar) hdyviewswitcher > button box.wide, headerbar viewswitcher button > stack > box.wide, headerbar hdyviewswitcher > button box.wide { margin: -8px 0; } dialog .titlebar:not(headerbar), dialog headerbar { background: #ffffff; border: 0; box-shadow: none; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).close { color: transparent; -gtk-icon-shadow: none; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; margin: 0; margin-left: 5px; padding: 0; min-width: 0; min-height: 0; box-shadow: none; border: none; transition: all .2s; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton, headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton, headerbar button.titlebutton:not(.appmenu).close + button.titlebutton { margin-left: 0; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child, headerbar button.titlebutton:not(.appmenu).minimize:last-child, headerbar button.titlebutton:not(.appmenu).maximize:last-child, headerbar button.titlebutton:not(.appmenu).close:last-child { margin-right: 5px; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop, headerbar button.titlebutton:not(.appmenu).minimize:backdrop, headerbar button.titlebutton:not(.appmenu).maximize:backdrop, headerbar button.titlebutton:not(.appmenu).close:backdrop { background-color: #cccccc; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, headerbar button.titlebutton:not(.appmenu).minimize { background-color: #fd7d00; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover, headerbar button.titlebutton:not(.appmenu).minimize:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, headerbar button.titlebutton:not(.appmenu).maximize { background-color: #377cf1; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover, headerbar button.titlebutton:not(.appmenu).maximize:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, headerbar button.titlebutton:not(.appmenu).close { background-color: #d31919; } .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, headerbar button.titlebutton:not(.appmenu).close:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { margin-right: 0; } .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { margin-left: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { background: white; min-height: 0; padding: 6px; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 0; min-width: 0; } .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration button.titlebutton:last-child { margin: 0; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child, deck leaflet box:first-child headerbar:first-child, leaflet > headerbar:first-child { border-color: #d9d9d9; background: #fafafa; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop, deck leaflet box:first-child headerbar:first-child:backdrop, leaflet > headerbar:first-child:backdrop { background: #f7f7f7; } /************** * Tree Views * **************/ treeview.view { border-top-color: #d9d9d9; } treeview.view:backdrop { border-top-color: #d9d9d9; } treeview.view header button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; } treeview.view header button:hover, treeview.view header button:active { border-color: #d9d9d9; } treeview.view header button:backdrop { box-shadow: none; } /*************** * Popovers * ***************/ popover.background { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } .csd popover.background, popover.background { border-color: rgba(0, 0, 0, 0.1); } /************* * Notebooks * *************/ notebook > header { border: 0; padding: 0; background-color: #f2f2f2; } notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; } notebook > header.top > tabs > tab, notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; } notebook > header.top > tabs > tab:hover:not(:backdrop), notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab.reorderable-page:checked { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(white); box-shadow: none; background: image(#fafafa); } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #aeb0b6; border-color: #d9d9d9; background-image: image(white); box-shadow: none; background: image(#fafafa); } notebook > header.top { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.top > tabs { margin-bottom: -3px; } notebook > header.top > tabs > tab { margin: 3px 0; border-radius: 6px 6px 0 0; } notebook > header.top > tabs > tab:not(:checked) { box-shadow: 4px 3px 0 -3px #d9d9d9; } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop { border-bottom-color: #fafafa; } notebook > header.bottom { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.bottom > tabs { margin-top: -3px; } notebook > header.bottom > tabs > tab { margin: 3px 0; border-radius: 0 0 6px 6px; } notebook > header.bottom > tabs > tab:not(:checked) { box-shadow: 4px -3px 0 -3px #d9d9d9; } notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop { border-top-color: #fafafa; } notebook > header.right { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.right > tabs { margin-left: -3px; } notebook > header.right > tabs > tab { margin: 0 3px; border-radius: 0 6px 6px 0; } notebook > header.right > tabs > tab:not(:checked) { box-shadow: -3px 4px 0 -3px #d9d9d9; } notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop { border-left-color: #fafafa; } notebook > header.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } notebook > header.left > tabs { margin-right: -3px; } notebook > header.left > tabs > tab { margin: 0 3px; border-radius: 6px 0 0 6px; } notebook > header.left > tabs > tab:not(:checked) { box-shadow: 3px 4px 0 -3px #d9d9d9; } notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop { border-right-color: #fafafa; } notebook > header tab { border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; } notebook > header tab button.flat { margin-top: 1px; margin-bottom: 1px; } /************** * Scrollbars * **************/ scrollbar slider { min-width: 6px; min-height: 6px; } /************** * GtkInfoBar * **************/ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { border-style: none; text-shadow: none; } infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #ffffff; } infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #e6e6e6; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #005af3; } infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { background-color: #2777ff; } infobar.info button, infobar.info button.flat, infobar.info.action:hover button, infobar.info.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b8dff; background-image: image(#5a97ff); box-shadow: none; } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; background-image: image(#136aff); box-shadow: none; } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, infobar.info.action:hover button.flat:active, infobar.info.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0052df; background-image: linear-gradient(to right, #0056e9, #004fd4); box-shadow: 0 2px 4px rgba(0, 82, 223, 0.25); } infobar.info button:disabled, infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, infobar.info.action:hover button.flat:disabled { color: #a3c5ff; border-color: #005af3; background-image: image(#478bfe); box-shadow: none; } infobar.info button:backdrop, infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, infobar.info.action:hover button.flat:backdrop { color: #d4e4ff; border-color: #2777ff; background-image: image(#2777ff); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop:disabled, infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, infobar.info.action:hover button.flat:backdrop:disabled { color: #87b4fe; border-color: #478bfe; background-image: image(#478bfe); box-shadow: none; border-color: #005af3; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.info button.flat:backdrop label, infobar.info button.flat:backdrop, infobar.info button.flat label, infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, infobar.info.action:hover button.flat:backdrop label, infobar.info.action:hover button.flat:backdrop, infobar.info.action:hover button.flat label, infobar.info.action:hover button.flat { color: #ffffff; } infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { background-color: #fd7d00; } infobar.question button, infobar.question button.flat, infobar.warning button, infobar.warning button.flat, infobar.question.action:hover button, infobar.question.action:hover button.flat, infobar.warning.action:hover button, infobar.warning.action:hover button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ff8f22; background-image: image(#ff9731); box-shadow: none; } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, infobar.warning.action:hover button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; background-image: image(#e97300); box-shadow: none; } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, infobar.warning button.flat:active, infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.question.action:hover button.flat:active, infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, infobar.warning.action:hover button.flat:active, infobar.warning.action:hover button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #b65a00; background-image: linear-gradient(to right, #c05f00, #ab5500); box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); } infobar.question button:disabled, infobar.question button.flat:disabled, infobar.warning button:disabled, infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, infobar.warning.action:hover button.flat:disabled { color: #fec892; border-color: #ca6400; background-image: image(#fd9025); box-shadow: none; } infobar.question button:backdrop, infobar.question button.flat:backdrop, infobar.warning button:backdrop, infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button.flat:backdrop { color: #ffe5cc; border-color: #fd7d00; background-image: image(#fd7d00); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop:disabled, infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, infobar.warning.action:hover button.flat:backdrop:disabled { color: #feb771; border-color: #fd9025; background-image: image(#fd9025); box-shadow: none; border-color: #ca6400; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.question button.flat:backdrop label, infobar.question button.flat:backdrop, infobar.question button.flat label, infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.warning button.flat:backdrop label, infobar.warning button.flat:backdrop, infobar.warning button.flat label, infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, infobar.question.action:hover button.flat:backdrop label, infobar.question.action:hover button.flat:backdrop, infobar.question.action:hover button.flat label, infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, infobar.warning.action:hover button.flat:backdrop label, infobar.warning.action:hover button.flat:backdrop, infobar.warning.action:hover button.flat label, infobar.warning.action:hover button.flat { color: #ffffff; } infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #df1b1b; background-image: image(#e52424); box-shadow: none; } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, infobar.error.action:hover > revealer > box button.flat:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; background-image: image(#ad1515); box-shadow: none; } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.flat:active, infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button.flat:active, infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, infobar.error.action:hover > revealer > box button.flat:active, infobar.error.action:hover > revealer > box button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #7f0f0f; background-image: linear-gradient(to right, #881010, #760e0e); box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); } infobar.error:backdrop > revealer > box button:disabled, infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, infobar.error.action:hover > revealer > box button.flat:disabled { color: #e49c9c; border-color: #911212; background-image: image(#c83939); box-shadow: none; } infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button.flat:backdrop { color: #f2d1d1; border-color: #bf1717; background-image: image(#bf1717); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop:disabled, infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { color: #db7e7e; border-color: #c83939; background-image: image(#c83939); box-shadow: none; border-color: #911212; } infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button.flat:backdrop label, infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error:backdrop > revealer > box button.flat label, infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, infobar.error > revealer > box button.flat:backdrop label, infobar.error > revealer > box button.flat:backdrop, infobar.error > revealer > box button.flat label, infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button.flat label, infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, infobar.error.action:hover > revealer > box button.flat:backdrop label, infobar.error.action:hover > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button.flat label, infobar.error.action:hover > revealer > box button.flat { color: #ffffff; } /********* * Lists * *********/ row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { border-radius: 10px; background-color: #ffffff; color: black; box-shadow: inset 0 0 0 9999px #eaebec, inset 0 0 0 3px #ffffff; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 5px 10px; margin: 20px; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); background-image: none; } .app-notification:backdrop, .app-notification.frame:backdrop { box-shadow: none; } /************ * Calendar * ***********/ calendar { border-radius: 6px; border: 0; padding: 1px; } /*********** * Dialogs * ***********/ messagedialog .titlebar:backdrop { background-image: none; } /*********** * Sidebar * ***********/ .sidebar { background-color: #ffffff; } stacksidebar row { padding: 7px 3px; } /**************** * File chooser * ****************/ placessidebar row { min-height: 30px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 10px 10px 6px 6px; border: 1px solid #ffffff; border-top-width: 0; border-bottom-width: 2px; background: #ffffff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-width: 0; } dialog decoration { border-width: 0 0 4px; } .popup decoration { border-width: 0; } .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); border-width: 0; } .csd.popup decoration { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); border-width: 0; } tooltip.csd decoration { border: 0; } messagedialog.csd decoration { border-width: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } /* Nautilus */ @define-color disk_space_unknown #383c4a; @define-color disk_space_used #2777ff; @define-color disk_space_free white; filechooser.unified, filechooser.unified:backdrop, .nautilus-window.unified, .nautilus-window.unified:backdrop { background: transparent; } filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar, .nautilus-window.unified > deck > box > headerbar, .nautilus-window.unified:backdrop > deck > box > headerbar { background: white; } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar:dir(ltr), .nautilus-window placessidebar.sidebar:dir(ltr) { background: linear-gradient(to right, black 41px, #0d0d0d 0); } filechooser placessidebar.sidebar:dir(rtl), .nautilus-window placessidebar.sidebar:dir(rtl) { background: linear-gradient(to left, black 41px, #0d0d0d 0); } filechooser placessidebar.sidebar:backdrop, .nautilus-window placessidebar.sidebar:backdrop { background: image(#0d0d0d); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { color: white; } filechooser placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { margin-left: 6px; margin-right: 6px; border-radius: 6px; box-shadow: 0 1px 4px #2777ff; transition: box-shadow 200ms ease-out, background 200ms ease-out; background-color: #2777ff; } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { background-image: linear-gradient(to right, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { background-image: linear-gradient(to left, #005af3 35px, transparent 0); } filechooser placessidebar.sidebar row.sidebar-row:selected revealer, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { padding-left: 8px; padding-right: 8px; } filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { color: #ffffff; } filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { background-image: none; box-shadow: none; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; opacity: 1; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button { border: 0; } .nautilus-window .floating-bar { color: #ffffff; background-color: #2777ff; border-color: #0051da; margin: 10px; box-shadow: 0 1px 4px #2777ff; transition: background-color 200ms ease-out; } .nautilus-window .floating-bar:backdrop { color: inherit; box-shadow: none; border-color: #d9d9d9; } .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { border-radius: 6px; border-style: solid; } .nautilus-window .path-bar-box { padding: 3px 4px; margin: -1px 0; background: #f8fafe; border-radius: 99px; box-shadow: inset 0 0 0 1px #d9d9d9; border: 0; } .nautilus-window .path-bar-box .text-button { background: transparent; border-radius: 99px; border: 0; } .nautilus-window .path-bar-box .text-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); padding: 3px; border-color: transparent; } .nautilus-window .path-bar-box .image-button > box > image:first-child { margin-left: 5px; } .nautilus-window .path-bar-box .image-button > box > image:last-child { margin-right: 5px; } .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) { box-shadow: 5px 0 0 -3px rgba(92, 97, 108, 0.15); } box.nautilus-path-bar > scrolledwindow { background-color: #ededed; border: none; } box.nautilus-path-bar > button { box-shadow: none; } /* GNOME TERMINAL */ terminal-window notebook scrollbar, .mate-terminal notebook scrollbar { background: #fafafa; } /* GNOME TWEAKS */ list.tweak-categories separator { background: transparent; } /* XFCE4 PANEL */ .xfce4-panel.background { background: white; } .xfce4-panel button { border: 0; border-radius: 0; min-width: 30px; box-shadow: none; text-shadow: none; background: transparent; color: #454850; } .xfce4-panel button:hover { background: #ffffff; } .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 -2px 0 #2777ff; background: #ffffff; } .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 2px 0 0 #2777ff; } /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { border: 1px solid #d9d9d9; border-bottom-width: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-style: symbolic; } .xfsm-logout-dialog > .vertical > .horizontal button { margin: 8px; } #whiskermenu-window entry { border-radius: 100px; border: 2px solid #2777ff; box-shadow: none; } #whiskermenu-window button { transition-duration: 0s; } #whiskermenu-window button:checked { border-color: transparent; } #whiskermenu-window scrolledwindow.frame { border: 0; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); padding: 7px 10px; margin: 0 5px; } #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { background: #ffffff; } #whiskermenu-window scrolledwindow.frame treeview { background: transparent; border-radius: 6px; } #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { background-color: rgba(0, 0, 0, 0.07); color: inherit; } /* XFCE4 panel action */ #XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { -gtk-icon-style: symbolic; -gtk-icon-transform: scale(0.7); } /* XFCE4 workspace switcher */ wnck-pager { background-color: white; } wnck-pager:selected { background-color: #cccccc; } wnck-pager:hover { background-color: #cccccc; } /* LightDM */ .lightdm-gtk-greeter #panel_window { background: white; color: #5c616c; text-shadow: none; -gtk-icon-shadow: none; } .lightdm-gtk-greeter #login_window { border: 0; background-color: white; border-radius: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } .lightdm-gtk-greeter #login_window entry { background: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.3); min-height: 32px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } .lightdm-gtk-greeter #login_window entry image { margin: 0; } .lightdm-gtk-greeter #login_window #buttonbox_frame { padding-top: 20px; background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); } .lightdm-gtk-greeter #login_window #buttonbox_frame button { border: 0; color: #ffffff; text-shadow: none; } .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { background: rgba(0, 0, 0, 0.07); box-shadow: none; color: #5c616c; } .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { background: #2777ff; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } /* XFCE4 desktop */ XfdesktopIconView.view { background-color: transparent; color: white; text-shadow: 0 1px 2px black; } XfdesktopIconView.view:active { background-color: rgba(39, 119, 255, 0.3); color: rgba(39, 119, 255, 0.3); border-radius: 6px; } XfdesktopIconView.label:active { background-color: rgba(39, 119, 255, 0.3); color: #ffffff; } XfdesktopIconView.rubberband { background-color: rgba(39, 119, 255, 0.3); } /* Thunar */ .thunar .warning { margin: -7px 0; } .thunar .path-bar button { border: none; background: transparent; border-radius: 6px; } .thunar .path-bar button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; background-image: image(whitesmoke); box-shadow: none; } .thunar .path-bar button:checked { color: #ffffff; outline-color: rgba(92, 97, 108, 0.3); border-color: #2777ff; background-image: linear-gradient(to right, #317dff, #1d71ff); box-shadow: 0 2px 4px rgba(39, 119, 255, 0.25); border-radius: 99px; } .budgie-container { background-color: transparent; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #2777ff; } .budgie-panel { background-color: #272a34; color: white; font-weight: normal; } .budgie-panel image { -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel label { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .budgie-panel .alert { color: #2777ff; } .budgie-panel:backdrop { color: white; background-color: rgba(39, 42, 52, 0.8); } .budgie-panel.transparent { background-color: rgba(39, 42, 52, 0.8); color: white; } .budgie-panel button { min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; } .budgie-panel.horizontal button { padding: 0 4px; } .budgie-panel.vertical button { padding: 4px 0; } .budgie-panel separator { background-color: rgba(92, 97, 108, 0.4); } .budgie-panel.vertical #tasklist-button { min-height: 32px; } .budgie-panel .end-region { background-color: rgba(0, 0, 0, 0.3); border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(255, 255, 255, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: white; } .budgie-panel button.flat.launcher { padding: 0; border-radius: 0; border: none; background-image: radial-gradient(circle farthest-corner at center, alpha(#5c616c,0) 100%, transparent 0%), image(alpha(#5c616c,0)); background-position: center center; } .budgie-panel button.flat.launcher > image { opacity: 0.87; } .budgie-panel button.flat.launcher:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:hover > image { opacity: 1.0; } .budgie-panel button.flat.launcher:active > image { opacity: 1.0; } .budgie-panel button.flat.launcher:checked { background-color: transparent; } .budgie-panel button.flat.launcher:checked:hover { -gtk-icon-effect: highlight; } .budgie-panel button.flat.launcher:checked > image { opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { -gtk-icon-effect: highlight; } .budgie-panel .unpinned button.flat.launcher > image, .budgie-panel .pinned button.flat.launcher.running > image { background-size: 2px 2px; background-repeat: no-repeat; opacity: 1.0; } .budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, .budgie-panel .pinned button.flat.launcher.running:hover > image, .budgie-panel .pinned button.flat.launcher.running:active > image, .budgie-panel .pinned button.flat.launcher.running:checked > image { background-image: none; } .top .budgie-panel button#tasklist-button:hover, .top .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 2px alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, .top .budgie-panel button.flat.launcher:active, .top .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 2px #2777ff; } .top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: top center; } .top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:hover, .top .budgie-panel .pinned button.flat.launcher.running:active, .top .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 2px #2777ff; } .bottom .budgie-panel button#tasklist-button:hover, .bottom .budgie-panel button.flat.launcher:hover { box-shadow: inset 0 -2px alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:active, .bottom .budgie-panel button.flat.launcher:checked { box-shadow: inset 0 -2px #2777ff; } .bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: bottom center; } .bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 0 -2px #2777ff; } .left .budgie-panel button#tasklist-button:hover, .left .budgie-panel button.flat.launcher:hover { box-shadow: inset 2px 0 alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, .left .budgie-panel button.flat.launcher:active, .left .budgie-panel button.flat.launcher:checked { box-shadow: inset 2px 0 #2777ff; } .left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: left center; } .left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:hover, .left .budgie-panel .pinned button.flat.launcher.running:active, .left .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset 2px 0 #2777ff; } .right .budgie-panel button#tasklist-button:hover, .right .budgie-panel button.flat.launcher:hover { box-shadow: inset -2px 0 alpha(#5c616c,0.4); background-color: rgba(92, 97, 108, 0.4); border: none; } .right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, .right .budgie-panel button.flat.launcher:active, .right .budgie-panel button.flat.launcher:checked { box-shadow: inset -2px 0 #2777ff; } .right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .pinned button.flat.launcher.running > image { background-image: image(#2777ff); background-position: right center; } .right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:hover, .right .budgie-panel .pinned button.flat.launcher.running:active, .right .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: inset -2px 0 #2777ff; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } .budgie-popover { border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.28); border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); background-color: #ffffff; } .budgie-popover .container { padding: 2px; } .budgie-popover border { border: none; } .budgie-popover list { background-color: transparent; } .budgie-popover row { padding: 0; } .budgie-popover row:hover { box-shadow: none; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; color: #5c616c; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { color: #aeb0b6; } .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.night-light-indicator .container { padding: 8px; } .budgie-popover.places-menu .container { padding: 8px; } .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; border-top: 1px solid #d9d9d9; } .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; } .workspace-switcher .workspace-layout { border: 0 solid white; } .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 #f2f2f2; } .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.current-workspace { background-color: #f2f2f2; } .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: #fafafa; } .budgie-menu scrollbar, .budgie-menu entry.search { background-color: transparent; } .budgie-menu entry.search { border-style: none; border-bottom: 1px solid #d9d9d9; border-radius: 999px; box-shadow: none; font-size: 120%; padding-top: 6px; padding-bottom: 6px; } .budgie-menu button { min-height: 32px; padding: 0 8px; border-radius: 0; color: #5c616c; font-weight: normal; } .budgie-menu row { padding: 0; } .budgie-menu row:hover { box-shadow: none; } button.budgie-menu-launcher { color: white; border: none; } button.budgie-menu-launcher:hover { background-color: rgba(92, 97, 108, 0.4); border: 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; } button.raven-trigger { color: white; border: none; } button.raven-trigger:hover { background-color: rgba(92, 97, 108, 0.4); border: 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 #d9d9d9; background-color: transparent; } popover.background.places-menu row { padding: 0; box-shadow: none; background-image: none; } frame.raven-frame > border { border-style: none; box-shadow: none; } .raven { background-color: #ffffff; color: #5c616c; padding: 6px 0 0 0; border: none; } .raven .raven-header { min-height: 32px; padding: 3px; } .raven .raven-header.top { padding: 2px 0; background-color: #ffffff; color: #5c616c; } .raven .raven-header.top stackswitcher button { margin: -6px 0; min-height: 32px; } .raven .raven-header.bottom { border-top: 1px solid #d9d9d9; } .raven viewport.frame .raven-header { margin-top: -8px; } .raven .raven-background { border-style: solid none; border-width: 1px; border-color: #d9d9d9; background-color: #fafafa; } .raven scrolledwindow.raven-background { border-bottom-style: none; } .raven .powerstrip button { margin: 2px 0 1px; padding: 10px; } .raven .option-subtitle { font-size: smaller; } calendar.raven-calendar { border-style: none; background-color: transparent; } calendar.raven-calendar:selected { border-radius: 6px; background-color: #ffffff; } .raven-mpris { background-color: rgba(255, 255, 255, 0.8); color: #5c616c; } .raven-mpris label { min-height: 24px; } .budgie-notification-window, .budgie-osd-window { background-color: transparent; color: white; border-radius: 6px; } .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { background-color: #303340; } .budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { background-color: #303340; color: white; } .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { color: white; } .budgie-osd .budgie-osd-text { font-size: 120%; } .budgie-switcher-window .drop-shadow { margin: 8px 8px 16px; border-radius: 6px; background-color: #303340; box-shadow: rgba(0, 0, 0, 0.28); } .budgie-switcher-window .drop-shadow label.budgie-switcher-title { color: white; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { padding: 0 0 0 6px; } .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { padding: 0 6px 0 0; } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 2px; box-shadow: none; background-color: #ffffff; } .budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { border-radius: 6px; background-color: #ffffff; } .budgie-session-dialog label:not(:last-child), .budgie-session-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; border-top: 1px solid #d9d9d9; border-radius: 6px; } .budgie-session-dialog .linked.horizontal > button:first-child { border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child { border-bottom-right-radius: 2px; } .budgie-polkit-dialog .message { color: #5c616c; } .budgie-polkit-dialog .failure { color: #d41919; } .budgie-run-dialog { background-color: #fafafa; border-style: none; } .budgie-run-dialog entry.search { font-size: 120%; box-shadow: none; background-color: transparent; border-style: none; border-bottom: 1px solid #d9d9d9; border-radius: 0; padding-top: 6px; padding-bottom: 6px; } .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid #d9d9d9; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #5c616c; /* text color for entries, views and content in general */ @define-color theme_text_color black; /* widget base background color */ @define-color theme_bg_color #ffffff; /* text widgets and the like base background color */ @define-color theme_base_color #fafafa; /* base background color of selections */ @define-color theme_selected_bg_color #2777ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #fdfdfd; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #aeb0b6; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #fafafa; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #aeb0b6; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color black; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #ffffff; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #f7f7f7; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #2777ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ @define-color unfocused_insensitive_color #d9d9d9; /* widgets main borders color */ @define-color borders #d9d9d9; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #d9d9d9; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @define-color error_color #bf1717; @define-color success_color #3db47e; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#5c616c, 1.8); @define-color wm_unfocused_title #aeb0b6; @define-color wm_highlight rgba(255, 255, 255, 0.8); @define-color wm_borders_edge rgba(255, 255, 255, 0.8); @define-color wm_bg_a shade(#ffffff, 1.2); @define-color wm_bg_b #ffffff; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#ffffff, 1.3); @define-color wm_button_hover_color_b #ffffff; @define-color wm_button_active_color_a shade(#ffffff, 0.85); @define-color wm_button_active_color_b shade(#ffffff, 0.89); @define-color wm_button_active_color_c shade(#ffffff, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #fafafa; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #fafafa; .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-4.0/gtk-dark.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_4; @define-color destructive_fg_color white; @define-color destructive_color #ff7b63; @define-color success_bg_color @green_5; @define-color success_fg_color white; @define-color success_color @green_1; @define-color warning_bg_color #cd9309; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color @yellow_2; @define-color error_bg_color @red_4; @define-color error_fg_color white; @define-color error_color #ff7b63; @define-color window_bg_color #23252e; @define-color window_fg_color white; @define-color view_bg_color #272a34; @define-color view_fg_color white; @define-color headerbar_bg_color #1a1c23; @define-color headerbar_fg_color white; @define-color headerbar_border_color white; @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.9); @define-color sidebar_bg_color #1a1c23; @define-color sidebar_fg_color white; @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color sidebar_border_color rgba(0, 0, 0, 0.36); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color white; @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.36); @define-color card_bg_color rgba(255, 255, 255, 0.05); @define-color card_fg_color white; @define-color card_shade_color rgba(0, 0, 0, 0.36); @define-color dialog_bg_color #303340; @define-color dialog_fg_color white; @define-color popover_bg_color #303340; @define-color popover_fg_color white; @define-color popover_shade_color rgba(0, 0, 0, 0.25); @define-color thumbnail_bg_color #303340; @define-color thumbnail_fg_color white; @define-color shade_color rgba(0, 0, 0, 0.25); @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/gtk-4.0/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_3; @define-color destructive_fg_color white; @define-color destructive_color @red_4; @define-color success_bg_color @green_4; @define-color success_fg_color white; @define-color success_color #1b8553; @define-color warning_bg_color @yellow_5; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color #9c6e03; @define-color error_bg_color @red_3; @define-color error_fg_color white; @define-color error_color @red_4; @define-color window_bg_color #fafafa; @define-color window_fg_color rgba(0, 0, 0, 0.8); @define-color view_bg_color #ffffff; @define-color view_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_bg_color #ebebeb; @define-color headerbar_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_border_color rgba(0, 0, 0, 0.8); @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.12); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.12); @define-color sidebar_bg_color #ebebeb; @define-color sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color sidebar_border_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07); @define-color card_bg_color #ffffff; @define-color card_fg_color rgba(0, 0, 0, 0.8); @define-color card_shade_color rgba(0, 0, 0, 0.07); @define-color dialog_bg_color #ffffff; @define-color dialog_fg_color rgba(0, 0, 0, 0.8); @define-color popover_bg_color #ffffff; @define-color popover_fg_color rgba(0, 0, 0, 0.8); @define-color popover_shade_color rgba(0, 0, 0, 0.07); @define-color thumbnail_bg_color #ffffff; @define-color thumbnail_fg_color rgba(0, 0, 0, 0.8); @define-color shade_color rgba(0, 0, 0, 0.07); @define-color scrollbar_outline_color white; windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } @define-color blue_1 #99c1f1; @define-color blue_2 #62a0ea; @define-color blue_3 #3584e4; @define-color blue_4 #1c71d8; @define-color blue_5 #1a5fb4; @define-color green_1 #8ff0a4; @define-color green_2 #57e389; @define-color green_3 #33d17a; @define-color green_4 #2ec27e; @define-color green_5 #26a269; @define-color yellow_1 #f9f06b; @define-color yellow_2 #f8e45c; @define-color yellow_3 #f6d32d; @define-color yellow_4 #f5c211; @define-color yellow_5 #e5a50a; @define-color orange_1 #ffbe6f; @define-color orange_2 #ffa348; @define-color orange_3 #ff7800; @define-color orange_4 #e66100; @define-color orange_5 #c64600; @define-color red_1 #f66151; @define-color red_2 #ed333b; @define-color red_3 #e01b24; @define-color red_4 #c01c28; @define-color red_5 #a51d2d; @define-color purple_1 #dc8add; @define-color purple_2 #c061cb; @define-color purple_3 #9141ac; @define-color purple_4 #813d9c; @define-color purple_5 #613583; @define-color brown_1 #cdab8f; @define-color brown_2 #b5835a; @define-color brown_3 #986a44; @define-color brown_4 #865e3c; @define-color brown_5 #63452c; @define-color light_1 #ffffff; @define-color light_2 #f6f5f4; @define-color light_3 #deddda; @define-color light_4 #c0bfbc; @define-color light_5 #9a9996; @define-color dark_1 #77767b; @define-color dark_2 #5e5c64; @define-color dark_3 #3d3846; @define-color dark_4 #241f31; @define-color dark_5 #000000; .background { color: @window_fg_color; background-color: @window_bg_color; } dnd { color: @window_fg_color; } .normal-icons { -gtk-icon-size: 16px; } .large-icons { -gtk-icon-size: 32px; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet, .osd { color: rgba(255, 255, 255, 0.9); border: none; background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; } /* Text selection */ selection { background-color: alpha(@view_fg_color,0.1); color: transparent; } selection:focus-within { background-color: alpha(@accent_bg_color,0.3); } :not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; } .navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; } /* Outline for low res icons */ .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } /* Drop shadow for large icons */ .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); } to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } } stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } avatar { border-radius: 9999px; font-weight: bold; } avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; } avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; } avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; } avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; } avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; } avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; } avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; } avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; } avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; } avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; } avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; } avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; } avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; } avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; } avatar.contrasted { color: white; } avatar.image { background: none; } bottom-sheet > dimming { background-color: alpha(@shade_color,2); } bottom-sheet > sheet { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } bottom-sheet > sheet > drag-handle { background-color: alpha(currentColor,0.25); min-width: 60px; min-height: 4px; margin: 6px; border-radius: 99px; } bottom-sheet > sheet > outline { border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } bottom-sheet > sheet > outline.flush-left.flush-right { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 6px; font-weight: bold; } notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd notebook > header > tabs > arrow:focus:focus-visible, .osd row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, .osd row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd colorswatch#add-color-button > overlay:focus:focus-visible, .osd button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: alpha(currentColor,0.1); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: alpha(currentColor,0.15); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: alpha(currentColor,0.3); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: alpha(currentColor,0.35); } actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: alpha(currentColor,0.4); } notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: opacity(0.5); } notebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; } notebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } notebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; } notebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } notebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } notebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; } notebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } notebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; } dropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), window.dialog.message.csd .dialog-action-area > button:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 2px @accent_bg_color; } menubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.65); } menubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } menubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } menubutton.osd > button:hover, button.osd:hover { color: white; background-color: alpha(mix(black,currentColor,0.15),0.65); } menubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked, button.osd:checked { background-color: alpha(mix(black,currentColor,0.2),0.65); } menubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: alpha(mix(black,currentColor,0.25),0.65); } menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: alpha(mix(black,currentColor,0.35),0.65); } menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { box-shadow: none; } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.destructive-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } .osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { background-image: image(alpha(currentColor,0.1)); } actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { background-image: image(rgba(0, 0, 0, 0.15)); } actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } button.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } button.destructive-action { color: @destructive_fg_color; } button.destructive-action, button.destructive-action:checked { background-color: @destructive_bg_color; } button.suggested-action { color: @accent_fg_color; } button.suggested-action, button.suggested-action:checked { background-color: @accent_bg_color; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; } searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, window.dialog.message.csd .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } searchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd searchbar > revealer > box .close:focus:focus-visible, searchbar > revealer > box .osd .close:focus:focus-visible, .osd actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar .osd menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .osd actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd notebook > header > tabs > arrow:focus:focus-visible, .osd window.dialog.message.csd .dialog-action-area > button:focus:focus-visible, window.dialog.message.csd .osd .dialog-action-area > button:focus:focus-visible, .osd popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.circular-buttons .osd button.circular.image-button.model:focus:focus-visible, .osd popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, popover.menu box.inline-buttons .osd button.image-button.model:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > box > button:focus:focus-visible, .osd filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, filechooser .osd #pathbarbox > stack > box > menubutton > button:focus:focus-visible, .osd button.sidebar-button:focus:focus-visible, .osd button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd infobar .close:focus:focus-visible, infobar .osd .close:focus:focus-visible, .osd calendar > header > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .osd actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, actionbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar .osd splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .osd splitbutton.flat > button:focus:focus-visible, .osd splitbutton.flat > menubutton > button:focus:focus-visible, .osd menubutton.flat > button:focus:focus-visible, .osd button.flat:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, window.dialog.message.csd .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: alpha(currentColor,0.07); } searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, window.dialog.message.csd .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, window.dialog.message.csd .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: alpha(currentColor,0.16); } searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, window.dialog.message.csd .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: alpha(currentColor,0.1); } searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, window.dialog.message.csd .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: alpha(currentColor,0.13); } searchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, window.dialog.message.csd .dialog-action-area > button:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, window.dialog.message.csd .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: alpha(currentColor,0.19); } searchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), window.dialog.message.csd .dialog-action-area > button:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(0.3); } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } stackswitcher > button.text-button { min-width: 100px; } button.font separator { background-color: transparent; } button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; } menubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; } button.card { background-color: @card_bg_color; background-clip: padding-box; font-weight: inherit; padding: 0; } button.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } button.card:hover { background-image: image(alpha(currentColor,0.04)); } button.card.keyboard-activating, button.card:active { background-image: image(alpha(currentColor,0.08)); } button.card:checked { background-color: @card_bg_color; background-image: image(alpha(@accent_bg_color,0.25)); } button.card:checked:hover { background-image: image(alpha(@accent_bg_color,0.32)); } button.card:checked.keyboard-activating, button.card:checked:active { background-image: image(alpha(@accent_bg_color,0.39)); } button.card:checked.has-open-popup { background-image: image(alpha(@accent_bg_color,0.32)); } .osd button.card:checked { background-color: alpha(currentColor,0.1); } button.card:drop(active) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { background-color: transparent; } button.color { padding: 5px; } button.color > colorswatch:only-child { border-radius: 2.5px; } button.color > colorswatch:only-child > overlay { border-radius: 2px; } button.color > colorswatch:only-child:disabled { filter: none; } button.color > colorswatch:only-child.light > overlay { border-color: alpha(@view_fg_color,0.1); } menubutton.osd { background: none; color: inherit; } menubutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } menubutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } menubutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { border-radius: 6px; } menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; } menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; } menubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } menubutton.card > button { border-radius: 12px; } menubutton arrow { min-height: 16px; min-width: 16px; } menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } splitbutton { border-radius: 6px; } splitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; } splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; } splitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; } splitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; } splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; } splitbutton:disabled { filter: opacity(0.5); } splitbutton:disabled > button, splitbutton:disabled > menubutton > button { filter: none; } splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: alpha(currentColor,0.3); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor,0.07); } actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(0.3); } actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; } actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; } actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 6px; } splitbutton.suggested-action { background-color: @accent_bg_color; color: @accent_fg_color; } splitbutton.destructive-action { background-color: @destructive_bg_color; color: @destructive_fg_color; } splitbutton.opaque { background-color: mix(@window_bg_color,@window_fg_color,0.15); color: @window_fg_color; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor,0.3); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor,0.3); } splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } buttoncontent > box { border-spacing: 6px; } buttoncontent > box > label { font-weight: bold; } buttoncontent > box > label:dir(ltr) { padding-right: 2px; } buttoncontent > box > label:dir(rtl) { padding-left: 2px; } .arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; } .arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; } tabbutton label { font-weight: 800; font-size: 8pt; } tabbutton label.small { font-size: 6pt; } tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); } calendar { color: @view_fg_color; background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); font-feature-settings: "tnum"; } calendar > header { border-bottom: 1px solid alpha(currentColor,0.15); } calendar > header > button { border-radius: 0; } calendar > grid { padding-left: 3px; padding-bottom: 3px; } calendar > grid > label.today { box-shadow: inset 0px -2px alpha(currentColor,0.15); } calendar > grid > label.today:selected { box-shadow: none; } calendar > grid > label { margin-top: 3px; margin-right: 3px; } calendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } calendar > grid > label:focus { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } calendar > grid > label.day-number { padding: 3px; } calendar > grid > label.day-number:checked { border-radius: 6px; background-color: alpha(@accent_bg_color,0.3); } calendar > grid > label.day-number:selected { border-radius: 6px; background-color: @accent_bg_color; color: @accent_fg_color; } calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } checkbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px alpha(currentColor,0.15); } check:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px alpha(currentColor,0.2); } check:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: alpha(currentColor,0.25); box-shadow: none; } check:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: @accent_bg_color; color: @accent_fg_color; box-shadow: none; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(alpha(currentColor,0.1)); } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(rgba(0, 0, 0, 0.2)); } check:disabled, radio:disabled { filter: opacity(0.5); } .osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } check { border-radius: 6px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } radio { border-radius: 100%; } radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } check:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } checkbutton.selection-mode { border-radius: 100px; } checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; } checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; } checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } colorswatch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 4px; outline-offset: -2px; } colorswatch.top { border-top-left-radius: 6.5px; border-top-right-radius: 6.5px; } colorswatch.top > overlay { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 6.5px; border-bottom-left-radius: 6.5px; } colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 6.5px; border-bottom-right-radius: 6.5px; } colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark > overlay { color: white; } colorswatch.light > overlay { color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1); } colorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px @accent_bg_color; } colorswatch#add-color-button > overlay { border-radius: 6px 0 0 6px; } colorswatch#add-color-button:only-child > overlay { border-radius: 6px; } colorswatch:disabled { filter: opacity(0.5); } colorswatch#editor-color-sample { border-radius: 6px; } colorswatch#editor-color-sample > overlay { border-radius: 6.5px; } plane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } plane:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 2px; } colorchooser .popover.osd { border-radius: 12px; } columnview, treeview.view, window.print treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) { box-shadow: none; } columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; } columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child { border-left-width: 0; } columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box { color: alpha(currentColor,0.4); font-weight: 700; font-size: 9pt; border-spacing: 6px; } columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box { color: alpha(currentColor,0.7); box-shadow: none; } columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box { color: currentColor; } columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print treeview.dialog-action-box header.button.dnd { color: @accent_fg_color; background-color: @accent_bg_color; transition: none; } columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; } columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row { padding: 0; } columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print treeview.column-separators.dialog-action-box > header > button { border-left-color: alpha(currentColor,0.15); } columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid alpha(currentColor,0.15); border-bottom: none; } columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid alpha(@accent_color,0.5); } columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid @accent_color; } treeexpander { border-spacing: 4px; } .dialog-action-area { margin: 6px; border-spacing: 6px; } /**************** * Print dialog * *****************/ window.print drawing { color: @window_fg_color; background: none; border: none; padding: 0; } window.print drawing paper { background-color: white; color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid alpha(currentColor,0.15); } /******************** * Page setup dalog * ********************/ /****************** * GtkAboutDialog * ******************/ window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } /************************* * GtkColorChooserDialog * *************************/ /************* * AdwDialog * *************/ floating-sheet > dimming { background-color: alpha(@shade_color,2); } floating-sheet > sheet { border-radius: 12px; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } dialog.bottom-sheet.landscape sheet { margin-left: 30px; margin-right: 30px; } dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07), inset -1px 0 rgba(255, 255, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.07); } dialog-host > dialog.background { background: none; } dialog-host > dialog.background sheet { background-color: @window_bg_color; color: @window_fg_color; } dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box { background: none; } dialog-host > dialog.osd { background: none; } /*********************** * GtkAppChooserDialog * ***********************/ window.appchooser headerbar.titlebar > windowhandle { padding-top: 3px; } window.appchooser headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.appchooser searchbar { background: none; } window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; } window.appchooser .dialog-action-area { margin-top: 0; } /**************** * GtkAssistant * ****************/ window.assistant .sidebar { padding: 6px; background-color: @sidebar_bg_color; color: @sidebar_fg_color; } window.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 @sidebar_border_color; } window.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 @sidebar_border_color; } window.assistant .sidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } window.assistant .sidebar > label { padding: 6px 12px; border-radius: 6px; } window.assistant .sidebar > label.highlight { background-color: alpha(currentColor,0.1); } /*************** * GtkComboBox * ***************/ combobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; } /*************** * GtkIconView * ***************/ iconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } iconview:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: @accent_bg_color; } /************** * GtkInfoBar * **************/ infobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px @shade_color; } infobar > revealer > box > box { border-spacing: 6px; } infobar.action:hover > revealer > box { background-image: image(alpha(currentColor,0.05)); } infobar.action:active > revealer > box { background-image: image(alpha(currentColor,0.1)); } infobar.info > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.question > revealer > box { background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.warning > revealer > box { background-color: mix(@warning_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar.error > revealer > box { background-color: mix(@error_bg_color,@window_bg_color,0.7); color: @window_fg_color; } infobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } /**************** * GtkStatusBar * ****************/ statusbar { padding: 6px 10px 6px 10px; } /*************** * GtkTreeView * ***************/ treeview.view, window.print treeview.dialog-action-box { border-left-color: mix(currentColor,@view_bg_color,0.8); border-top-color: mix(currentColor,@view_bg_color,0.8); } treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected { border-radius: 0; } treeview.view.separator, window.print treeview.separator.dialog-action-box { min-height: 2px; color: alpha(currentColor,0.15); } treeview.view.expander, window.print treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: alpha(currentColor,0.7); } treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active { color: currentColor; } treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled { color: alpha(currentColor,0.5); } treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: @accent_bg_color; } treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; } treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; } treeview.view > header > button, window.print treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid alpha(currentColor,0.15); } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box { box-shadow: none; } treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: @accent_bg_color; color: @accent_fg_color; } treeview.view.trough, window.print treeview.trough.dialog-action-box { background-color: alpha(currentColor,0.1); } treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; } treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label { background-color: mix(currentColor,@view_bg_color,0.9); } treeview.navigation-sidebar { padding: 0; } treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: alpha(currentColor,0.1); } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: @view_bg_color; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @view_bg_color; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: @accent_color; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid alpha(currentColor,0.15); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid alpha(currentColor,0.15); border-right-style: none; } .sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } .large-title { font-weight: 300; font-size: 24pt; } dropdown > button > box, combobox > button > box { border-spacing: 6px; } dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; } dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } dropdown:drop(active), combobox:drop(active) { box-shadow: none; } dropdown popover.menu, combobox popover.menu { padding-top: 6px; } dropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; } dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; } dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker > contents { padding: 0; } .emoji-searchbar { padding: 6px; } .emoji-toolbar { padding: 3px; } button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: alpha(currentColor,0.07); } popover.emoji-picker emoji:active { background: alpha(currentColor,0.16); } popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; } popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; } emoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 6px; } emoji-completion-row:dir(ltr) { padding-right: 12px; } emoji-completion-row:dir(rtl) { padding-left: 12px; } emoji-completion-row > box { border-spacing: 6px; } emoji-completion-row:focus, emoji-completion-row:hover { background-color: alpha(currentColor,0.1); color: @popover_fg_color; } emoji-completion-row:active { background-color: alpha(currentColor,0.16); } spinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 6px; border-spacing: 6px; background-color: alpha(currentColor,0.1); background-clip: padding-box; caret-color: currentColor; } spinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton:focus-within, entry:focus-within { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd spinbutton:focus-within, .osd entry:focus-within { outline-color: rgba(255, 255, 255, 0.5); } spinbutton > text > block-cursor, entry > text > block-cursor { color: @view_bg_color; background-color: @view_fg_color; } spinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:disabled, entry:disabled { filter: opacity(0.5); } spinbutton.error, entry.error { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.error:focus-within, entry.error:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.error > text > selection:focus-within, entry.error > text > selection:focus-within { background-color: alpha(@error_color,0.2); } spinbutton.error > text > cursor-handle > contents, entry.error > text > cursor-handle > contents { background-color: currentColor; } spinbutton.error > progress > trough > progress, entry.error > progress > trough > progress { border-color: currentColor; } spinbutton.warning, entry.warning { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.warning:focus-within, entry.warning:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.warning > text > selection:focus-within, entry.warning > text > selection:focus-within { background-color: alpha(@warning_color,0.2); } spinbutton.warning > text > cursor-handle > contents, entry.warning > text > cursor-handle > contents { background-color: currentColor; } spinbutton.warning > progress > trough > progress, entry.warning > progress > trough > progress { border-color: currentColor; } spinbutton.success, entry.success { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } spinbutton.success:focus-within, entry.success:focus-within { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -2px; } spinbutton.success > text > selection:focus-within, entry.success > text > selection:focus-within { background-color: alpha(@success_color,0.2); } spinbutton.success > text > cursor-handle > contents, entry.success > text > cursor-handle > contents { background-color: currentColor; } spinbutton.success > progress > trough > progress, entry.success > progress > trough > progress { border-color: currentColor; } spinbutton > image, entry > image { opacity: 0.7; } spinbutton > image:hover, entry > image:hover { opacity: 1; } spinbutton > image:active, entry > image:active { opacity: 0.8; } spinbutton > image.left, entry > image.left { margin-right: 6px; } spinbutton > image.right, entry > image.right { margin-left: 6px; } spinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 0.3; } spinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } spinbutton > progress, entry > progress { margin-bottom: 3px; } spinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: @accent_bg_color; border-style: solid; box-shadow: none; } .osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress { border-color: rgba(255, 255, 255, 0.75); } expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:disabled { filter: opacity(0.5); } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } expander-widget:focus:focus-visible > box > title { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } expander-widget > box > title { border-radius: 6px; } expander-widget > box > title > expander { opacity: .7; } expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; } placessidebar .navigation-sidebar > row { padding: 0; } placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(@accent_bg_color); background-clip: content-box; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: @accent_color; } placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; } row image.sidebar-icon { opacity: 0.7; } row .sidebar-button { opacity: 0.7; } row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; } placesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > box { border-spacing: 6px; } filechooser { box-shadow: 0 1px alpha(currentColor,0.15); } filechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; } filechooser pathbar button > box { border-spacing: 4px; } filechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; } filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; } filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; } filechooser gridview { padding: 15px; } filechooser gridview ~ undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } filechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; } filechooser gridview > child > filelistcell { padding: 6px 12px; } filechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); } filechooser gridview > child box { border-spacing: 6px; } filechooser > box > actionbar { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } filechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; } filechooser scrolledwindow + actionbar > revealer > box { background-color: mix(@accent_bg_color,@view_bg_color,0.7); color: @window_fg_color; box-shadow: none; padding-top: 6px; font-weight: bold; } filechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: mix(@accent_bg_color,@view_bg_color,0.85); } filechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } filechooser placesview > actionbar > revealer > box { background: @view_bg_color; color: @view_fg_color; box-shadow: none; padding-top: 6px; } filechooser placesview > actionbar > revealer > box:backdrop { background: @view_bg_color; transition: none; } filechooser placessidebar { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } filechooser placessidebar:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } filechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 @sidebar_border_color; } filechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; } /* Fix header bar height in the file chooser */ window.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } headerbar { min-height: 47px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color, inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); margin-left: -1px; margin-right: -1px; } headerbar > windowhandle > box { padding: 6px 7px 7px 7px; } headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } headerbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; } headerbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; } headerbar:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } headerbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } headerbar.default-decoration { min-height: 37px; } headerbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; } headerbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; } headerbar.default-decoration windowcontrols > .icon { margin: 7px; } window > .titlebar:not(.flat) { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } window > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 alpha(@headerbar_border_color,0.15), inset -1px 0 alpha(@headerbar_border_color,0.15); } window > headerbar.titlebar, window > .titlebar headerbar { min-height: 46px; } window > headerbar.titlebar > windowhandle > box, window > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; } window > headerbar.titlebar.default-decoration, window > .titlebar headerbar.default-decoration { min-height: 36px; } window > headerbar.titlebar.default-decoration > windowhandle > box, window > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; } toolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-bottom: 6px; } toolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 36px; } toolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; } toolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; } toolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; } window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; } toolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar { min-height: 40px; } toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar { min-height: 30px; } toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; } .titlebar:not(headerbar) separator { background-color: alpha(@headerbar_border_color,0.15); } /********************* * GtkWindowControls * *********************/ windowcontrols { border-spacing: 3px; } windowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; } windowcontrols > button > image { background-color: alpha(currentColor,0.1); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } windowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; } windowcontrols > button:hover > image { background-color: alpha(currentColor,0.15); } windowcontrols > button:active > image { background-color: alpha(currentColor,0.3); } windowcontrols > .icon { margin: 9px; } /****************** * AdwWindowTitle * ******************/ headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } windowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; } window.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog headerbar > windowhandle { background-image: unset; background-repeat: unset; } label { caret-color: currentColor; } label:disabled { filter: opacity(0.5); } .dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: 0.55; } .accent { color: @accent_color; } .success { color: @success_color; } .warning { color: @warning_color; } .error { color: @error_color; } /********************** * General Typography * **********************/ .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, listview > header { 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; } .monospace { font-family: monospace; } .numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: "tnum"; } /******************* * Editable Labels * *******************/ editablelabel > stack > text { color: @view_fg_color; background-color: @view_bg_color; } levelbar:disabled { filter: opacity(0.5); } levelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; } levelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; } levelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; } levelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; } levelbar.vertical trough > block { min-width: 8px; border-radius: 99px; } levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; } levelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; } levelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; } levelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; } levelbar > trough { padding: 0; } levelbar > trough > block.low { background-color: @warning_bg_color; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: @accent_bg_color; } levelbar > trough > block.full { background-color: @success_bg_color; } levelbar > trough > block.empty { background-color: alpha(currentColor,0.15); } .osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) { background-color: rgba(255, 255, 255, 0.75); } .linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } link, button.link { color: @accent_color; text-decoration: underline; font-weight: inherit; } link:visited, button.link:visited { color: mix(@accent_color,@view_fg_color,0.2); } link:hover, button.link:hover { color: shade(@accent_color,1.1); } link:active, button.link:active { color: @accent_color; } link:disabled, button.link:disabled { color: alpha(currentColor,0.5); } .osd link, .osd button.link { color: mix(@accent_bg_color,white,0.5); } .osd link:visited, .osd button.link:visited { color: mix(@accent_bg_color,white,0.25); } .osd link:active, .osd button.link:active { color: mix(@accent_bg_color,white,0.5); } link { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } link:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } button.link > label { text-decoration: underline; } listview, list { color: @view_fg_color; background-color: @view_bg_color; background-clip: padding-box; border-color: alpha(currentColor,0.15); } listview > row, list > row { padding: 2px; background-clip: padding-box; } listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid alpha(currentColor,0.15); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid alpha(currentColor,0.15); } listview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; } row { background-clip: padding-box; } row { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } .osd row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd row.activatable:hover { background-color: alpha(currentColor,0.07); } .osd row.activatable:active { background-color: alpha(currentColor,0.16); } .osd row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .osd row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .osd row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .osd row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .osd row:selected { background-color: alpha(currentColor,0.1); } row.activatable:hover { background-color: alpha(currentColor,0.04); } row.activatable:active { background-color: alpha(currentColor,0.08); } row.activatable.has-open-popup { background-color: alpha(currentColor,0.04); } row.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } row.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } row.activatable:selected.has-open-popup { background-color: alpha(@accent_bg_color,0.32); } row:selected { background-color: alpha(@accent_bg_color,0.25); } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } .rich-list > header { padding-left: 12px; padding-right: 12px; } /**************** * AdwActionRow * ****************/ row label.subtitle { font-size: smaller; } row > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; } row > box.header > .icon:disabled { filter: opacity(0.5); } row > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; } row > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; } row > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; } row > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; } row > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title { font-size: smaller; } row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; } /****************************** * AdwEntryRow and AdwSpinRow * ******************************/ row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { background-color: transparent; } row.entry:disabled text { opacity: 0.5; } row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle { opacity: 1; } row.entry .edit-icon, row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; } row.entry .edit-icon:disabled { opacity: 0.3; } row.entry .indicator { opacity: 0.3; } row.entry.monospace { font-family: inherit; } row.entry.monospace text { font-family: monospace; } row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; } row.spin spinbutton, row.spin spinbutton:focus { outline: none; } row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; } row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; } row.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.focused, row.spin.focused { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; } row.entry.error, row.spin.error { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.error.focused, row.spin.error.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.error text > selection:focus-within, row.spin.error text > selection:focus-within { background-color: alpha(@error_color,0.2); } row.entry.error text > cursor-handle > contents, row.spin.error text > cursor-handle > contents { background-color: currentColor; } row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle, row.spin.error .dim-label, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.error box > list > row > box.header > box.title > .title, row.spin.error .subtitle { opacity: 1; } row.entry.error .suggested-action, row.spin.error .suggested-action { background-color: @error_bg_color; color: @error_fg_color; } row.entry.warning, row.spin.warning { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.warning.focused, row.spin.warning.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.warning text > selection:focus-within, row.spin.warning text > selection:focus-within { background-color: alpha(@warning_color,0.2); } row.entry.warning text > cursor-handle > contents, row.spin.warning text > cursor-handle > contents { background-color: currentColor; } row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle, row.spin.warning .dim-label, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.warning box > list > row > box.header > box.title > .title, row.spin.warning .subtitle { opacity: 1; } row.entry.warning .suggested-action, row.spin.warning .suggested-action { background-color: @warning_bg_color; color: @warning_fg_color; } row.entry.success, row.spin.success { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.entry.success.focused, row.spin.success.focused { outline-color: alpha(currentColor,0.5); outline-width: 2px; outline-offset: -1px; } row.entry.success text > selection:focus-within, row.spin.success text > selection:focus-within { background-color: alpha(@success_color,0.2); } row.entry.success text > cursor-handle > contents, row.spin.success text > cursor-handle > contents { background-color: currentColor; } row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle, row.spin.success .dim-label, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.spin.success box > list > row > box.header > box.title > .title, row.spin.success .subtitle { opacity: 1; } row.entry.success .suggested-action, row.spin.success .suggested-action { background-color: @success_bg_color; color: @success_fg_color; } /*************** * AdwComboRow * ***************/ row.combo image.dropdown-arrow:disabled { filter: opacity(0.5); } row.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; } row.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; } row.combo popover > contents { min-width: 120px; } row.combo popover > contents .combo-searchbar { margin: 6px; } row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } /****************** * AdwExpanderRow * ******************/ list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid @card_shade_color; } list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor,0.03); } list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor,0.08); } list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor,0.03); } row.expander { background: none; padding: 0px; } row.expander > box > list { background: none; color: inherit; } row.expander list.nested { background-color: alpha(@card_shade_color,0.5); color: inherit; } row.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; } row.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; } row.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); } row.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); } row.expander image.expander-row-arrow:disabled { filter: opacity(0.5); } row.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; } row.expander:checked image.expander-row-arrow:not(:disabled) { color: @accent_color; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; } /***************** * Boxed Lists * *****************/ list.boxed-list > row.expander, list.content > row.expander { border: none; } list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; } list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; } popover.menu > contents { min-width: 120px; } popover.menu scrollbar.vertical > range > trough > slider { min-height: 30px; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background-color: alpha(currentColor,0.1); } popover.menu box.inline-buttons button.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px alpha(currentColor,0.15); } popover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: alpha(currentColor,0.13); box-shadow: none; } popover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: alpha(currentColor,0.19); } popover.menu > contents { padding: 0; } popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; } popover.menu separator { margin: 6px 0; } popover.menu list separator { margin: 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; } popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; } .osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; } popover.menu radio { padding: 1px; border: 1px solid alpha(currentColor,0.3); } popover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; } popover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 6px; } popover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: alpha(currentColor,0.1); } popover.menu modelbutton:active { background-color: alpha(currentColor,0.19); } popover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } popover.menu modelbutton arrow:hover { background: none; } popover.menu modelbutton arrow:disabled { filter: opacity(0.5); } popover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } popover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } popover.menu label.title { font-weight: bold; padding: 4px 32px; } popover.menu list, popover.menu listview { background: none; color: inherit; } popover.menu list > row, popover.menu listview > row { border-radius: 6px; padding: 0 12px; min-height: 32px; min-width: 40px; } popover.menu list > row:selected, popover.menu listview > row:selected { background: none; } popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: alpha(currentColor,0.19); } popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: alpha(currentColor,0.1); } popover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; } popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; } popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; } menubar { box-shadow: inset 0 -1px alpha(currentColor,0.15); padding-bottom: 1px; } menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 6px; } menubar > item:selected { background-color: alpha(currentColor,0.1); } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } menubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 12px; } toolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; } /******************** * GtkMessageDialog * ********************/ window.dialog.message .titlebar { min-height: 20px; background: none; box-shadow: none; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } window.dialog.message box.dialog-vbox.vertical { margin-top: 6px; border-spacing: 24px; } window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 15pt; } window.dialog.message.csd { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area { border-top: 1px solid alpha(currentColor,0.15); margin: 0; border-spacing: 0; } window.dialog.message.csd .dialog-action-area > button { padding: 10px 14px; border-radius: 0; border: none; background-clip: padding-box; border-left: 1px solid alpha(currentColor,0.15); } window.dialog.message.csd .dialog-action-area > button:first-child { border-bottom-left-radius: 13px; border-left: none; } window.dialog.message.csd .dialog-action-area > button:last-child { border-bottom-right-radius: 13px; } window.dialog.message.csd .dialog-action-area > button.suggested-action { color: @accent_color; } window.dialog.message.csd .dialog-action-area > button.destructive-action { color: @destructive_color; } /******************** * AdwMessageDialog * ********************/ window.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: @dialog_bg_color; color: @dialog_fg_color; } window.messagedialog { outline: none; } dialog-host > dialog.alert.floating sheet, window.dialog-window.alert { border-radius: 13px; outline: none; } window.messagedialog .message-area, dialog.alert .message-area { padding: 24px 30px; border-spacing: 24px; } window.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; } window.messagedialog .response-area > button, dialog.alert .response-area > button { padding: 10px 14px; border-radius: 0; } window.messagedialog .response-area > button.suggested, dialog.alert .response-area > button.suggested { color: @accent_color; } window.messagedialog .response-area > button.destructive, dialog.alert .response-area > button.destructive { color: @destructive_color; } window.messagedialog .response-area:not(.compact) > button, dialog.alert .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:last-child:dir(rtl) { margin-left: 0; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert .response-area:not(.compact) > button:first-child:dir(rtl) { margin-right: 0; } window.messagedialog .response-area.compact > button, dialog.alert .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert .response-area.compact > button:first-child { margin-bottom: 0; } window.messagedialog .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:last-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; } window.messagedialog .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog .response-area:not(.compact) > button:first-child:dir(rtl), dialog.alert.floating .response-area:not(.compact) > button:last-child:dir(ltr), dialog.alert.floating .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; } window.messagedialog .response-area.compact > button:first-child, dialog.alert.floating .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; } /********** * Frames * **********/ frame, .frame { border: 1px solid alpha(currentColor,0.15); } frame { border-radius: 12px; } frame > label { margin: 4px; } /************** * Separators * **************/ separator { background: alpha(currentColor,0.15); min-width: 1px; min-height: 1px; } separator.spacer { background: none; } separator.spacer.horizontal { min-width: 12px; } separator.spacer.vertical { min-height: 12px; } /********************* * App Notifications * *********************/ .app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 12px 12px; background-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification border { border: none; } /********** * Toasts * **********/ toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; } toast:dir(ltr) { padding-left: 12px; } toast:dir(rtl) { padding-right: 12px; } toast > widget { margin: 0 6px; } /************** * GtkVideo * **************/ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /****************** * AdwAboutWindow * ******************/ window.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; } window.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; } window.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: @accent_color; border-radius: 999px; margin-top: 3px; } window.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; } window.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; } /***************** * AdwStatusPage * *****************/ statuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; } statuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 128px; color: alpha(currentColor,0.55); } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.5; } statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; } statuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; } statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { font-size: 18pt; } /* Cards */ shortcut > .keycap, list.boxed-list, list.content, .card { background-color: @card_bg_color; color: @card_fg_color; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); } .osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, .osd .card, .card.osd { background-color: alpha(currentColor,0.1); color: inherit; box-shadow: none; } .card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -1px; } .osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card.activatable:hover { background-image: image(alpha(currentColor,0.03)); } .card.activatable:active { background-image: image(alpha(currentColor,0.08)); } /* Transition shadows */ flap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: @shade_color; } flap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; } flap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } flap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px); } notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } notebook > header { padding: 1px; border-color: alpha(currentColor,0.15); border-width: 1px; background-clip: padding-box; } notebook > header > tabs { margin: -1px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px @accent_bg_color; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px @accent_bg_color; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 @accent_bg_color; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 @accent_bg_color; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; } notebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; } notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: alpha(currentColor,0.07); } notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } notebook > header > tabs > tab:disabled { filter: opacity(0.5); } notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button { filter: none; } notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; } notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.top > tabs > tab { padding-bottom: 4px; } notebook > header.bottom > tabs > tab { padding-top: 4px; } notebook > stack:not(:only-child) { background-color: @view_bg_color; } paned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; } paned > separator.wide { min-width: 5px; min-height: 5px; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; box-shadow: inset 1px 0 alpha(currentColor,0.15); } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; box-shadow: inset -1px 0 alpha(currentColor,0.15); } paned.horizontal > separator.wide { margin: 0; padding: 0; box-shadow: inset 1px 0 alpha(currentColor,0.15), inset -1px 0 alpha(currentColor,0.15); } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; box-shadow: inset 0 1px alpha(currentColor,0.15); } paned.vertical > separator.wide { margin: 0; padding: 0; box-shadow: inset 0 1px alpha(currentColor,0.15), inset 0 -1px alpha(currentColor,0.15); } toolbarview.undershoot-top popover scrolledwindow undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom { background: none; box-shadow: none; } popover.background { background-color: transparent; font: initial; } popover > arrow, popover > contents { background-color: @popover_bg_color; color: @popover_fg_color; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05); } popover > contents { padding: 8px; border-radius: 12px; } popover > contents > list, popover > contents > .view, window.print popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; } .osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; } .osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } popover toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@popover_shade_color,0.75); background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@popover_shade_color,0.75); background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 4px); } popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@popover_shade_color,0.75); background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 4px); } popover flap > dimming, popover leaflet > dimming, popover navigation-view > dimming, popover overlay-split-view > dimming { background: @popover_shade_color; } popover flap > shadow, popover leaflet > shadow, popover navigation-view > shadow, popover overlay-split-view > shadow { min-width: 56px; min-height: 56px; } popover flap > shadow.left, popover leaflet > shadow.left, popover navigation-view > shadow.left, popover overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.right, popover leaflet > shadow.right, popover navigation-view > shadow.right, popover overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.up, popover leaflet > shadow.up, popover navigation-view > shadow.up, popover overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } popover flap > shadow.down, popover leaflet > shadow.down, popover navigation-view > shadow.down, popover overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px); } preferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; } preferencesgroup > box, preferencesgroup > box .labels { border-spacing: 6px; } preferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; } preferencesgroup > box > box.single-line { min-height: 34px; } progressbar.horizontal > trough { min-width: 150px; } progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; } progressbar.vertical > trough { min-height: 80px; } progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; } progressbar > text { font-size: smaller; } progressbar:disabled { filter: opacity(0.5); } progressbar > trough > progress { /* share most of scales' */ border-radius: 99px; } progressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; } progressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; } progressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; } progressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; } progressbar.osd { min-width: 2px; min-height: 2px; background-color: transparent; color: inherit; } progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd > trough > progress { border-style: none; border-radius: 0; } progressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; } progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; } progressbar > trough.empty > progress { all: unset; } .osd progressbar > trough > progress { background-color: rgba(255, 255, 255, 0.75); } scale > trough > fill, scale > trough, progressbar > trough { border-radius: 99px; background-color: alpha(currentColor,0.15); } scale > trough > highlight, progressbar > trough > progress { border-radius: 99px; background-color: @accent_bg_color; color: @accent_fg_color; } scale { min-height: 10px; min-width: 10px; padding: 12px; } scale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scale:focus:focus-visible > trough > slider { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } scale > trough > slider { background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; } scale:hover > trough, scale:active > trough { background-color: alpha(currentColor,0.2); } scale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(alpha(currentColor,0.1)); } scale:hover > trough > slider, scale:active > trough > slider { background-color: white; } .osd scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.5); } .osd scale > trough > highlight { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 0.75); } scale:disabled { filter: opacity(0.5); } scale:disabled > trough > slider { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px transparent; outline-color: rgba(0, 0, 0, 0.2); } scale.fine-tune { padding: 9px; } scale.fine-tune.horizontal { min-height: 16px; } scale.fine-tune.vertical { min-width: 16px; } scale.fine-tune > trough > slider { margin: -5px; } scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.2); } scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 4px transparent; } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.horizontal.marks-before { padding-top: 0; } scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; } scale.horizontal.marks-after { padding-bottom: 0; } scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; } scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.vertical.marks-before { padding-left: 0; } scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; } scale.vertical.marks-after { padding-right: 0; } scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; } scale.color { padding: 0; } scale.color > trough { border: none; background: none; border-radius: 10px; } scale.color > trough > slider { margin: 0; background-color: rgba(255, 255, 255, 0.8); } scale.color.fine-tune { padding: 2px; } scale.color.fine-tune > trough > slider { margin: -2px; } scrollbar > range > trough { margin: 7px; transition: all 200ms linear; border-radius: 10px; } scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -6px; border: 6px solid transparent; border-radius: 10px; background-clip: padding-box; transition: all 200ms linear; background-color: alpha(currentColor,0.2); } scrollbar > range > trough > slider:hover { background-color: alpha(currentColor,0.4); } scrollbar > range > trough > slider:active { background-color: alpha(currentColor,0.6); } scrollbar > range > trough > slider:disabled { opacity: 0; } scrollbar.horizontal > range > trough { margin-top: 6px; margin-bottom: 6px; } scrollbar.vertical > range > trough { margin-left: 6px; margin-right: 6px; } scrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; } scrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; } scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(@scrollbar_outline_color,0.6); outline-offset: -6px; } .osd scrollbar.overlay-indicator > range > trough > slider { outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6); } scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: alpha(@scrollbar_outline_color,0.35); } .osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider { outline-color: alpha(rgba(0, 0, 0, 0.5),0.35); } scrollbar.overlay-indicator.hovering > range > trough { background-color: alpha(currentColor,0.1); } scrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; } scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; } scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 3px; margin-bottom: 3px; } scrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; } scrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; } scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 3px; margin-right: 3px; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: alpha(@accent_color,0.6); } scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@shade_color,0.75); background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 4px); } scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@shade_color,0.75); background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 4px); } shortcuts-section { margin: 20px; } .shortcuts-search-results { margin: 20px; border-spacing: 24px; } shortcut { border-spacing: 6px; border-radius: 6px; } shortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } shortcut:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 4px; } shortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; } shortcuts-section stackswitcher.circular { border-spacing: 12px; } shortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } window.shortcuts headerbar.titlebar > windowhandle { padding-top: 3px; } window.shortcuts searchbar { background: none; } .sidebar-pane { background-color: @sidebar_bg_color; color: @sidebar_fg_color; } .sidebar-pane:backdrop { background-color: @sidebar_backdrop_color; transition: background-color 200ms ease-out; } .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 4px); } .sidebar-pane flap > dimming, .sidebar-pane leaflet > dimming, .sidebar-pane navigation-view > dimming, .sidebar-pane overlay-split-view > dimming { background: @sidebar_shade_color; } .sidebar-pane flap > shadow, .sidebar-pane leaflet > shadow, .sidebar-pane navigation-view > shadow, .sidebar-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .sidebar-pane flap > shadow.left, .sidebar-pane leaflet > shadow.left, .sidebar-pane navigation-view > shadow.left, .sidebar-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.right, .sidebar-pane leaflet > shadow.right, .sidebar-pane navigation-view > shadow.right, .sidebar-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.up, .sidebar-pane leaflet > shadow.up, .sidebar-pane navigation-view > shadow.up, .sidebar-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane flap > shadow.down, .sidebar-pane leaflet > shadow.down, .sidebar-pane navigation-view > shadow.down, .sidebar-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px); } .sidebar-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7); color: @sidebar_fg_color; } .sidebar-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85); } .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @sidebar_border_color; } .sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @sidebar_border_color; } /* Middle pane in three-pane setups */ .content-pane .sidebar-pane, .sidebar-pane .content-pane { background-color: @secondary_sidebar_bg_color; color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: @secondary_sidebar_backdrop_color; transition: background-color 200ms ease-out; } .content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 alpha(@secondary_sidebar_shade_color,0.75); background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 4px); } .content-pane .sidebar-pane flap > dimming, .content-pane .sidebar-pane leaflet > dimming, .content-pane .sidebar-pane navigation-view > dimming, .content-pane .sidebar-pane overlay-split-view > dimming, .sidebar-pane .content-pane flap > dimming, .sidebar-pane .content-pane leaflet > dimming, .sidebar-pane .content-pane navigation-view > dimming, .sidebar-pane .content-pane overlay-split-view > dimming { background: @secondary_sidebar_shade_color; } .content-pane .sidebar-pane flap > shadow, .content-pane .sidebar-pane leaflet > shadow, .content-pane .sidebar-pane navigation-view > shadow, .content-pane .sidebar-pane overlay-split-view > shadow, .sidebar-pane .content-pane flap > shadow, .sidebar-pane .content-pane leaflet > shadow, .sidebar-pane .content-pane navigation-view > shadow, .sidebar-pane .content-pane overlay-split-view > shadow { min-width: 56px; min-height: 56px; } .content-pane .sidebar-pane flap > shadow.left, .content-pane .sidebar-pane leaflet > shadow.left, .content-pane .sidebar-pane navigation-view > shadow.left, .content-pane .sidebar-pane overlay-split-view > shadow.left, .sidebar-pane .content-pane flap > shadow.left, .sidebar-pane .content-pane leaflet > shadow.left, .sidebar-pane .content-pane navigation-view > shadow.left, .sidebar-pane .content-pane overlay-split-view > shadow.left { background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.right, .content-pane .sidebar-pane leaflet > shadow.right, .content-pane .sidebar-pane navigation-view > shadow.right, .content-pane .sidebar-pane overlay-split-view > shadow.right, .sidebar-pane .content-pane flap > shadow.right, .sidebar-pane .content-pane leaflet > shadow.right, .sidebar-pane .content-pane navigation-view > shadow.right, .sidebar-pane .content-pane overlay-split-view > shadow.right { background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.up, .content-pane .sidebar-pane leaflet > shadow.up, .content-pane .sidebar-pane navigation-view > shadow.up, .content-pane .sidebar-pane overlay-split-view > shadow.up, .sidebar-pane .content-pane flap > shadow.up, .sidebar-pane .content-pane leaflet > shadow.up, .sidebar-pane .content-pane navigation-view > shadow.up, .sidebar-pane .content-pane overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane flap > shadow.down, .content-pane .sidebar-pane leaflet > shadow.down, .content-pane .sidebar-pane navigation-view > shadow.down, .content-pane .sidebar-pane overlay-split-view > shadow.down, .sidebar-pane .content-pane flap > shadow.down, .sidebar-pane .content-pane leaflet > shadow.down, .sidebar-pane .content-pane navigation-view > shadow.down, .sidebar-pane .content-pane overlay-split-view > shadow.down { background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px); } .content-pane .sidebar-pane banner > revealer > widget, .sidebar-pane .content-pane banner > revealer > widget { background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7); color: @secondary_sidebar_fg_color; } .content-pane .sidebar-pane banner > revealer > widget:backdrop, .sidebar-pane .content-pane banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85); } .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane:dir(ltr), .sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(rtl), .sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 @secondary_sidebar_border_color; } .content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, .sidebar-pane .content-pane:dir(rtl), .sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, .sidebar-pane .content-pane.end:dir(ltr), .sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 @secondary_sidebar_border_color; } .sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /********************** * Navigation Sidebar * **********************/ .navigation-sidebar { padding: 6px 0; } .navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; } .navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: @window_bg_color; color: @window_fg_color; } .navigation-sidebar row.activatable:hover { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:active { background-color: alpha(currentColor,0.16); } .navigation-sidebar row.activatable.has-open-popup { background-color: alpha(currentColor,0.07); } .navigation-sidebar row.activatable:selected:hover { background-color: alpha(currentColor,0.13); } .navigation-sidebar row.activatable:selected:active { background-color: alpha(currentColor,0.19); } .navigation-sidebar row.activatable:selected.has-open-popup { background-color: alpha(currentColor,0.13); } .navigation-sidebar row:selected { background-color: alpha(currentColor,0.1); } .navigation-sidebar > separator { margin: 6px; } .navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 6px; margin: 0 6px 2px; } @keyframes spin { to { transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } spinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: alpha(currentColor,0.1); } spinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ } spinbutton.vertical > text { min-height: 30px; min-width: 30px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 6px 6px; } spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 6px 6px 0 0; } switch { border-radius: 14px; padding: 3px; background-color: alpha(currentColor,0.15); } switch:hover { background-color: alpha(currentColor,0.2); } switch:active { background-color: alpha(currentColor,0.25); } switch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 1px; } switch:disabled { filter: opacity(0.5); } switch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: mix(white,@view_bg_color,0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } switch > slider:disabled { box-shadow: 0 2px 4px transparent; } switch:hover > slider, switch:active > slider { background: white; } switch:checked { color: @accent_fg_color; background-color: @accent_bg_color; } switch:checked:hover { background-image: image(alpha(currentColor,0.1)); } switch:checked:active { background-image: image(rgba(0, 0, 0, 0.2)); } switch:checked > slider { background-color: white; } .osd switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } .osd switch:checked { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.75); } tabbar .box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; padding: 1px; padding-top: 0; } tabbar .box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } tabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; } tabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; } tabbar tabbox > tabboxchild { border-radius: 6px; } tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } tabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; } tabbar tabbox > separator.hidden { opacity: 0; } tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: alpha(@accent_color,0.5); } tabbar tab { transition: background 150ms ease-in-out; } tabbar tab:selected { background-color: alpha(currentColor,0.1); } tabbar tab:selected:hover { background-color: alpha(currentColor,0.13); } tabbar tab:selected:active { background-color: alpha(currentColor,0.19); } tabbar tab:hover { background-color: alpha(currentColor,0.07); } tabbar tab:active { background-color: alpha(currentColor,0.16); } tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; } tabbar .start-action, tabbar .end-action { padding: 6px 5px; } tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; } tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; } toolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; } toolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; } dnd tab { background-color: @headerbar_bg_color; background-image: image(alpha(currentColor,0.19)); color: @headerbar_fg_color; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03); margin: 25px; } tabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 6px; } tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; } tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: alpha(@accent_color,0.5); transform: translateY(4px); } tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabgrid > tabgridchild:focus:focus-visible .card { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: 0; } tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } tabthumbnail > box { margin: 6px; } tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(@accent_bg_color,0.4); background-color: alpha(@accent_bg_color,0.1); } tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); } tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); } tabthumbnail .needs-attention > widget { background: @accent_color; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(@accent_color,0.4); } tabthumbnail .card { background: none; color: inherit; } tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; border-radius: 12px; } tabthumbnail.pinned .card { background-color: @thumbnail_bg_color; color: @thumbnail_fg_color; } tabthumbnail .icon-title-box { border-spacing: 6px; } tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; } tabthumbnail button.circular { margin: 6px; background-color: alpha(@thumbnail_bg_color,0.75); min-width: 24px; min-height: 24px; } tabthumbnail button.circular:hover { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75); } tabthumbnail button.circular:active { background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75); } taboverview > .overview .new-tab-button { margin: 18px; } tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; } cursor-handle { all: unset; padding: 24px 20px; } cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: @accent_bg_color; } cursor-handle.top > contents { border-top-right-radius: 0; } cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); } cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); } magnifier { background-color: @view_bg_color; } actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.5); } actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; } actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; } .toolbar { padding: 6px; border-spacing: 6px; } .toolbar.osd { padding: 12px; border-radius: 12px; } toolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkSearchBar * ****************/ searchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } searchbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } searchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } searchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; } searchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; } searchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; } toolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; } toolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /**************** * GtkActionBar * ****************/ actionbar > revealer > box { background-color: @headerbar_bg_color; color: @headerbar_fg_color; box-shadow: inset 0 1px @headerbar_shade_color; padding: 7px 6px 6px 6px; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } actionbar > revealer > box:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } actionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; } toolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; } toolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; } toolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; } /************* * AdwBanner * *************/ banner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: mix(@accent_bg_color,@window_bg_color,0.7); color: @window_fg_color; padding: 6px; } banner > revealer > widget:backdrop { background-color: mix(@accent_bg_color,@window_bg_color,0.85); transition: background-color 200ms ease-out; } banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; } /****************** * AdwToolbarView * ******************/ toolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; } toolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } toolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: @headerbar_backdrop_color; transition: background-color 200ms ease-out; } toolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; } toolbarview > .top-bar.raised { box-shadow: 0 1px alpha(@headerbar_shade_color,0.5), 0 2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .top-bar.raised.border { box-shadow: 0 1px @headerbar_darker_shade_color; } toolbarview > .bottom-bar.raised { box-shadow: 0 -1px alpha(@headerbar_shade_color,0.5), 0 -2px 4px alpha(@headerbar_shade_color,0.5); } toolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px @headerbar_darker_shade_color; } toolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px alpha(@shade_color,0.75); background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 4px); } toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px alpha(@shade_color,0.75); background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 4px); } window.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent)); background-repeat: repeat-x; } window.devel dialog toolbarview > .top-bar { background-image: unset; background-repeat: unset; } tooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } tooltip > box { border-spacing: 6px; } .view, window.print .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print dialog-host > dialog.dialog-action-box sheet, iconview { color: @view_fg_color; background-color: @view_bg_color; } .view:disabled, window.print .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: alpha(currentColor,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); } .view:selected:focus, .view:selected, window.print .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: alpha(@accent_bg_color,0.25); border-radius: 6px; } textview { caret-color: currentColor; } textview > text { background-color: transparent; } textview > border { background-color: mix(@window_bg_color,@view_bg_color,0.5); } textview:drop(active) { caret-color: @accent_bg_color; } rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_color,0.2); } flowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 6px; } flowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } flowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: alpha(@accent_color,0.5); outline-width: 2px; outline-offset: -2px; } flowbox > flowboxchild:selected, gridview > child:selected { background-color: alpha(@accent_bg_color,0.25); } gridview > child.activatable:hover { background-color: alpha(currentColor,0.04); } gridview > child.activatable:active { background-color: alpha(currentColor,0.08); } gridview > child.activatable:selected:hover { background-color: alpha(@accent_bg_color,0.32); } gridview > child.activatable:selected:active { background-color: alpha(@accent_bg_color,0.39); } viewswitcher { border-spacing: 3px; } viewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; } viewswitcher button.toggle { padding: 0; } viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; } viewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; } viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; } /********************** * AdwViewSwitcherBar * **********************/ viewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; } toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; } /************************ * AdwViewSwitcherTitle * ************************/ viewswitchertitle { margin-top: -6px; margin-bottom: -6px; } viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; } viewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; } viewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; } viewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; } /******************* * AdwIndicatorBin * *******************/ indicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; } indicatorbin > indicator { margin: 1px; background: alpha(currentColor,0.4); } indicatorbin > mask { padding: 1px; background: black; } indicatorbin.needs-attention > indicator { background: @accent_color; } indicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; } indicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; } indicatorbin.badge.needs-attention > indicator { background: @accent_bg_color; } indicatorbin.badge.needs-attention > indicator > label { color: @accent_fg_color; } window.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.05); margin: 0px; border-radius: 12px; outline: 1px solid rgba(255, 255, 255, 0.07); outline-offset: -1px; } window.csd:backdrop { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.02); transition: box-shadow 200ms ease-out; } window.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.05); } window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { border-radius: 0; outline: none; box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px alpha(currentColor,0.15), 0 0 0 20px transparent; } window.csd.maximized, window.csd.fullscreen { border-radius: 0; outline: none; box-shadow: none; transition: none; } window.solid-csd { margin: 0; padding: 5px; border-radius: 0; box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 5px alpha(currentColor,0.15), inset 0 0 0 4px @headerbar_backdrop_color, inset 0 0 0 1px alpha(currentColor,0.15); } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } /* Public colors from Default */ @define-color theme_bg_color @window_bg_color; @define-color theme_fg_color @window_fg_color; @define-color theme_base_color @view_bg_color; @define-color theme_text_color @view_fg_color; @define-color theme_selected_bg_color @accent_bg_color; @define-color theme_selected_fg_color @accent_fg_color; @define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4); @define-color insensitive_fg_color alpha(@window_fg_color,0.5); @define-color insensitive_base_color @view_bg_color; @define-color borders alpha(currentColor,0.15); @define-color theme_unfocused_bg_color @window_bg_color; @define-color theme_unfocused_fg_color @window_fg_color; @define-color theme_unfocused_base_color @view_bg_color; @define-color theme_unfocused_text_color @view_fg_color; @define-color theme_unfocused_selected_bg_color @accent_bg_color; @define-color theme_unfocused_selected_fg_color @accent_fg_color; @define-color unfocused_insensitive_color @insensitive_bg_color; @define-color unfocused_borders alpha(currentColor,0.15); .open-document-selector-treeview:hover { background-color: alpha(@theme_fg_color, 0.05); } .open-document-selector-treeview:selected:hover { background-color: @theme_selected_bg_color; } /* Only normal state is handle */ .open-document-selector-name-label { color: @theme_fg_color; } /* Only normal state is handle */ .open-document-selector-path-label { color: @theme_unfocused_fg_color; font-size: smaller; } /* Only normal state is handle */ .open-document-selector-match { color: shade (@theme_fg_color, 0.6); background-color: alpha(@warning_color, 0.4); } .gedit-document-panel { background-color: @sidebar_bg; } .gedit-document-panel:backdrop { color: #b0b2b2; } .gedit-document-panel row:selected:backdrop { background-color: #8b8e8f; } .gedit-document-panel-group-row, .gedit-document-panel-group-row:hover { border-top: 1px solid alpha(currentColor, 0.3); } .gedit-document-panel-group-row:first-child, .gedit-document-panel-group-row:first-child:hover { border-top: 0px; } /* Try to look as the notebook tab close button */ .gedit-document-panel row button.flat { padding: 0; margin-top: 8px; margin-bottom: 8px; min-width: 18px; min-height: 18px; color: alpha(currentColor,0.3); } .gedit-document-panel row:hover button.flat { color: alpha(currentColor,0.5); } .gedit-document-panel row button.flat:hover { color: @theme_fg_color; } statusbar { border-top: 1px solid @borders; } .gedit-search-slider { background-color: @theme_base_color; padding: 6px; border-color: @borders; border-radius: 0 0 3px 3px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { background-color: @theme_base_color; background-image: none; color: shade (@theme_unfocused_fg_color, 0.8); border: 0px; margin: 2px; padding: 2px; } .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { background: @theme_base_color; } .nautilus-empty-state-icon { opacity: 0.50; } .nautilus-canvas-item { border-radius: 5px; } .nautilus-canvas-item.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .nautilus-canvas-item.dim-label { color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .nautilus-canvas-item.dim-label:selected { color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); } /* Toolbar */ /* Here we use the .button background-image colors from Adwaita, but ligthen them, * since is not possible to use lighten () in common css. */ @keyframes needs_attention_keyframes { 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .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; } /* Remove white background and highlight on hover which GTK adds by default * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ .operations-list, .operations-list > :hover { background: none; } .disclosure-button { padding-left: 4px; padding-right: 4px; } /* Path bar */ .nautilus-path-bar scrolledwindow { border-radius: 5px 0px 0px 5px; border: 1px @borders solid; border-right-width: 0px; background-color: @theme_bg_color; } .nautilus-path-bar scrolledwindow undershoot.left { border-radius: 5px 0px 0px 5px; background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); } .nautilus-path-bar > button, .path-buttons-box button { margin: 0px; } .path-buttons-box button { background-image: none; box-shadow: none; border-radius: 5px; border-width: 0px; -gtk-icon-shadow: none; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover { background: alpha(@theme_fg_color, 0.15); box-shadow: inset 0 0 0 2px @theme_bg_color; } .path-buttons-box button:not(.current-dir):not(:backdrop):hover * { opacity: 1; } /* Make the tags fit into the box */ entry.search > * { margin: 5px; } /* Sidebar */ .nautilus-window .sidebar-row:selected { background: mix(@theme_bg_color, @theme_fg_color, 0.07); } .nautilus-window .sidebar-row:selected, .nautilus-window .sidebar-row:selected image, .nautilus-window .sidebar-row:selected label { color: mix(@theme_fg_color, @theme_text_color, 0.5); } .nautilus-window .sidebar-row:selected:backdrop { background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); } .nautilus-window .sidebar-row:selected:backdrop, .nautilus-window .sidebar-row:selected:backdrop label { color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); } /* Floating status bar */ .floating-bar { padding: 1px; background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 8px 8px 0 0; } .floating-bar.bottom.left { /* axes left border and border radius */ border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { /* axes right border and border radius */ border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .floating-bar button { padding: 0px; } @define-color disk_space_unknown #888a85; @define-color disk_space_used #729fcf; @define-color disk_space_free #eeeeec; .disk-space-display { border-style: solid; border-width: 2px; } .disk-space-display.unknown { background-color: @disk_space_unknown; border-color: shade(@disk_space_unknown, 0.7); color: @disk_space_unknown; } .disk-space-display.unknown.border { color: shade(@disk_space_unknown, 0.7); } .disk-space-display.used { background-color: @disk_space_used; border-color: shade(@disk_space_used, 0.7); color: @disk_space_used; } .disk-space-display.used.border { color: shade(@disk_space_used, 0.7); } .disk-space-display.free { background-color: @disk_space_free; border-color: shade(@disk_space_free, 0.7); color: @disk_space_free; } .disk-space-display.free.border { color: shade(@disk_space_free, 0.7); } /* As a workaround for GtkTreeView showing thick border above first row when * horizontal grid lines are enabled, we add them using CSS instead. Exclude the * drop targets to let through the default feedback style. */ .nautilus-list-view .view:not(:drop(active)) { border-bottom: 1px solid @theme_bg_color; } .nautilus-list-view.thumbnail { -gtk-icon-shadow: 0px 1px 2px @borders, 1px 0px 0px alpha(@borders, 0.25), -1px 0px 0px alpha(@borders, 0.25), 0px 2px 0px alpha(@borders, 0.5); } .search-information { background-color: @theme_selected_bg_color; color:white; padding:2px; } @define-color conflict_bg #fef6b6; .conflict-row { background: @conflict_bg; color: black; } .conflict-row:hover { background-color: shade(@conflict_bg, 0.9); } .conflict-row:selected { background: @theme_selected_bg_color; color: @theme_selected_fg_color; } /* Icon view */ flowbox { padding: 18px } flowboxchild { padding: 0px; } flowboxchild:selected { background-color:transparent; outline-color: transparent; } flowboxchild .thumbnail { margin: 4px; box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), 0px 0px 0px 1px alpha(@borders, 0.5), 0px 2px 0px 0px alpha(@borders, 0.5); border-radius: 2px; } .icon-ui-labels-box { padding: 2px 4px; border-radius: 4px; } flowboxchild:selected .icon-ui-labels-box { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } flowboxchild:selected image { -gtk-icon-effect: dim; /* GTK 3 only */ /* GTK 4 TODO: Replace previous line with the following one: -gtk-icon-filter: opacity(0.5); */ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Flat-Remix-GTK-Blue-Light Comment=Flat-Remix-GTK-Blue-Light theme" Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Flat-Remix-GTK-Blue-Light MetacityTheme=Flat-Remix-Light-Metacity IconTheme=Flat-Remix-Blue-Light CursorTheme=Adwaita ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/install.sh ================================================ #!/bin/sh original_theme="$(gsettings get org.gnome.desktop.interface gtk-theme | tr -d \')" sed -i "s/Adwaita/${original_theme}/" uninstall.sh mkdir -p ~/.config/gtk-4.0/ cp -r -f libadwaita/* uninstall.sh ~/.config/gtk-4.0/ mkdir -p ~/.themes/ cp -a $PWD ~/.themes/ gsettings set org.gnome.desktop.interface gtk-theme "$(basename $PWD)" ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/libadwaita/gtk.css ================================================ @define-color accent_bg_color #2777ff; @define-color accent_fg_color #ffffff; @define-color accent_color @accent_bg_color; @define-color destructive_bg_color @red_3; @define-color destructive_fg_color white; @define-color destructive_color @red_4; @define-color success_bg_color @green_4; @define-color success_fg_color white; @define-color success_color #1b8553; @define-color warning_bg_color @yellow_5; @define-color warning_fg_color rgba(0, 0, 0, 0.8); @define-color warning_color #9c6e03; @define-color error_bg_color @red_3; @define-color error_fg_color white; @define-color error_color @red_4; @define-color window_bg_color #fafafa; @define-color window_fg_color rgba(0, 0, 0, 0.8); @define-color view_bg_color #ffffff; @define-color view_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_bg_color #ebebeb; @define-color headerbar_fg_color rgba(0, 0, 0, 0.8); @define-color headerbar_border_color rgba(0, 0, 0, 0.8); @define-color headerbar_backdrop_color @view_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.12); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.12); @define-color sidebar_bg_color #ebebeb; @define-color sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color sidebar_backdrop_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color sidebar_border_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_bg_color mix(@sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_fg_color rgba(0, 0, 0, 0.8); @define-color secondary_sidebar_backdrop_color mix(@secondary_sidebar_bg_color, @window_bg_color, .5); @define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07); @define-color card_bg_color #ffffff; @define-color card_fg_color rgba(0, 0, 0, 0.8); @define-color card_shade_color rgba(0, 0, 0, 0.07); @define-color dialog_bg_color #ffffff; @define-color dialog_fg_color rgba(0, 0, 0, 0.8); @define-color popover_bg_color #ffffff; @define-color popover_fg_color rgba(0, 0, 0, 0.8); @define-color popover_shade_color rgba(0, 0, 0, 0.07); @define-color thumbnail_bg_color #ffffff; @define-color thumbnail_fg_color rgba(0, 0, 0, 0.8); @define-color shade_color rgba(0, 0, 0, 0.07); @define-color scrollbar_outline_color white; windowcontrols { margin: 8px; } windowcontrols button { min-height: 16px; min-width: 16px; margin: -3px; } windowcontrols button.minimize image, windowcontrols button.maximize image, windowcontrols button.close image { padding: 0; color: transparent; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); background-position: center; background-repeat: no-repeat; background-size: 8px; box-shadow: 0 0 5px 0 alpha(@headerbar_bg_color, 10); } windowcontrols button.minimize image:backdrop, windowcontrols button.maximize image:backdrop, windowcontrols button.close image:backdrop { background-color: #7f7f7f; background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); } windowcontrols button.minimize image { background-color: #fd7d00; } windowcontrols button.minimize image:hover { background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } windowcontrols button.maximize image { background-color: #377cf1; } windowcontrols button.maximize image:hover { background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } windowcontrols button.close image { background-color: #d31919; } windowcontrols button.close image:hover { background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); } ================================================ FILE: .themes/Flat-Remix-GTK-Blue-Light-Solid/uninstall.sh ================================================ #!/bin/sh theme=Flat-Remix-GTK-Blue-Light rm -rf ~/.config/gtk-4.0/gtk.css \ ~/.config/gtk-4.0/assets \ ~/.config/gtk-4.0/uninstall.sh \ ~/.themes/$theme/ gsettings set org.gnome.desktop.interface gtk-theme "Adwaita" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/cinnamon/cinnamon-dark.css ================================================ stage { color: #F4F5F6; } .label-shadow { color: rgba(0, 0, 0, 0); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { border-radius: 2px; } .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #292a32; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(41, 42, 50, 0.05); } .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px #0072ff; } .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { text-shadow: 0 1px rgba(25, 26, 31, 0); color: rgba(244, 245, 246, 0.45); border: 1px solid rgba(0, 0, 0, 0.55); background-color: rgba(30, 31, 36, 0.55); box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.4); } .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { color: #0072ff; } .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; border: 1px solid #0072ff; background-color: #0072ff; } .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #42444a; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.25); } .menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { padding: 7px; caret-size: 1px; selection-background-color: #0072ff; selected-color: #fefefe; transition-duration: 300ms; border-radius: 3px; color: #F4F5F6; background-color: #191a1f; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(25, 26, 31, 0.05); } .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { color: #F4F5F6; background-color: #191a1f; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(25, 26, 31, 0.05); } .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { color: rgba(244, 245, 246, 0.45); background-color: #15161a; border-color: 1px solid #070709; box-shadow: inset 0 2px 4px rgba(21, 22, 26, 0.05); } .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: #BAC3CF; selection-background-color: #0072ff; selected-color: #fefefe; transition-duration: 300ms; border-radius: 3px; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:insensitive { color: rgba(186, 195, 207, 0.55); background-color: rgba(64, 66, 78, 0.25); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } 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(25, 26, 31, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 2px; background-color: #6b6c6e; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #545557; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #0072ff; } .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: 0.3em; -slider-background-color: #25262d; -slider-border-color: rgba(16, 16, 19, 0.3); -slider-active-background-color: #0072ff; -slider-active-border-color: rgba(16, 16, 19, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: #fefefe; } .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("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/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("dark-assets/checkbox/checkbox-unchecked.svg"); } .radiobutton:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .radiobutton:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .radiobutton:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .cinnamon-link { color: #7cb7ff; text-decoration: underline; } .cinnamon-link:hover { color: #afd3ff; } #Tooltip { border-radius: 3px; padding: 5px 12px; background-color: #0e0e11; color: #BAC3CF; font-size: 1em; font-weight: normal; text-align: center; } .menu, .popup-menu, .popup-combo-menu { color: #F4F5F6; background-color: #0e0e11; border-radius: 5px; border: 1px solid black; } .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; background-color: #09090b; } .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: 0em; } .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: 0em; } .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: #fefefe; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { color: rgba(244, 245, 246, 0.5); background: none; } .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { color: #F4F5F6; } .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { color: rgba(244, 245, 246, 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: #fefefe; } .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: 1px; -arrow-border-color: rgba(0, 0, 0, 0); -arrow-base: 0; -arrow-rise: 0; } .popup-combo-menu { padding: 10px 1px; } .popup-combobox-item { spacing: 1em; } .popup-separator-menu-item { -gradient-height: 2px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .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 { height: 28px; width: 32px; font-weight: 700; background-color: #0e0e11; color: #F4F5F6; } #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: #F4F5F6; font-size: 1em; padding: 0px; } .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; color: white; height: 22px; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } #overview { spacing: 12px; } .window-caption { background-color: #0e0e11; border: 1px solid #0e0e11; color: #BAC3CF; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; } .window-caption#selected { background-color: #0072ff; color: #fefefe; border: 1px solid #0072ff; spacing: 25px; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 15px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #0072ff; background-color: #0072ff; color: #fefefe; font-style: italic; transition-duration: 300; selection-background-color: #fefefe; selected-color: #0072ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 2px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #0072ff; background-color: black; border-radius: 2px; } .expo-background { background-color: #0e0e11; } .workspace-thumbnails { spacing: 26px; } .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { padding: 8px; } .workspace-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; transition-duration: 100; } .workspace-add-button:hover { background-image: url("common-assets/misc/add-workspace-hover.svg"); transition-duration: 100; } .workspace-add-button:active { background-image: url("common-assets/misc/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("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; -cinnamon-close-overlap: 10px; } .workspace-close-button:hover, .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .workspace-close-button:active, .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close-area { background-image: url("common-assets/misc/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 black; border-radius: 2px; background-color: #191a1f; 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 { spacing-rows: 0; spacing-columns: 0; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; padding: .5em; min-width: 350px; border: 1px solid black; background-color: #191a1f; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; } .calendar-events-no-events-button:hover { background-color: #0072ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #fefefe; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #F4F5F6; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #F4F5F6; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(244, 245, 246, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #F4F5F6; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #0072ff; } .calendar-event-button .calendar-event-time-future { color: #F4F5F6; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #F4F5F6; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #F4F5F6; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #F27835; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #0072ff; } .calendar-event-button:hover { background-color: #0072ff; border: 1px solid black; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #fefefe; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #fefefe; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #F4F5F6; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #F4F5F6; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #0072ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #fefefe; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #fefefe; } .calendar-month-label { color: #F4F5F6; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #fefefe; background-color: #0072ff; } .calendar-day-heading { color: rgba(244, 245, 246, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(244, 245, 246, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #F4F5F6; background-color: transparent; font-weight: bold; } .calendar-today { color: #F4F5F6; background-color: rgba(0, 114, 255, 0.4); border-width: 0; } .calendar-today:selected { font-weight: bold; } .calendar-not-today { color: #F4F5F6; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(244, 245, 246, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #F4F5F6; } .calendar-other-month-day { color: rgba(244, 245, 246, 0.3); opacity: 1; } .calendar-other-month-day:hover { color: #fefefe; opacity: 1; } .calendar-week-number { color: rgba(244, 245, 246, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #BAC3CF; } .menu #notification, .popup-menu #notification { border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { color: #F4F5F6; } .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: #BAC3CF; } #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: #BAC3CF; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 36px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; 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 #0072ff; } .switcher-list .item-box:selected { color: #fefefe; background-color: #0072ff; border: 0px solid #0072ff; } .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: #BAC3CF; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #F4F5F6; } .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("common-assets/misc/corner-ripple.svg"); background-size: contain; } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .run-dialog { padding: 0px 15px 10px 15px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 0; font-weight: bold; color: #BAC3CF; 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: #BAC3CF; selected-color: #fefefe; selection-background-color: #0072ff; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog-entry:focus { color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; 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: #0e0e11; 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: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.4); } .keyboard-key:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; border: 1px solid #0072ff; background-color: #0072ff; } .keyboard-key:grayed { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #42444a; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.25); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: #0e0e11; -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: #101013; border: 1px solid black; } .menu-favorites-button { padding: 10px; border: 1px solid rgba(0, 0, 0, 0); } .menu-places-box { margin: auto; padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-category-button-selected { padding: 7px; } .menu-category-button-hover { background-color: red; border-radius: 2px; } .menu-category-button-greyed { padding: 7px; color: rgba(244, 245, 246, 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; min-height: 15px; font-weight: normal; caret-color: #F4F5F6; } .menu-search-entry-icon { icon-size: 1em; color: #F4F5F6; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #F4F5F6; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: #F4F5F6; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #0072ff; } .osd-window .level-bar { background-color: #0072ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(252, 65, 56, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(254, 254, 254, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #fefefe; background-color: rgba(254, 254, 254, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #fefefe; border-color: #0072ff; background-color: rgba(254, 254, 254, 0.1); } .window-list-item-box .progress { background-color: rgba(0, 114, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #F04A50; background-gradient-end: #F04A50; } .window-list-preview { spacing: 6px; color: #F4F5F6; border: 1px solid black; background-color: #101013; border-radius: 3px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(254, 254, 254, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #fefefe; border-color: #535565; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { color: #fefefe; border-color: #0072ff; } .grouped-window-list-item-box .progress { background-color: rgba(0, 114, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #F04A50; background-gradient-end: #F04A50; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: #F4F5F6; } .grouped-window-list-badge { border-radius: 256px; background-color: #0e0e11; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #F4F5F6; border: 1px solid black; background-color: #101013; border-radius: 3px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 2px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #0072ff; } .grouped-window-list-thumbnail-menu .item-box:selected { border: 1px solid #0072ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 4px; } .sound-player > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 16px; height: 8px; padding: 1px; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .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(2, 2, 3, 0.9); border: 0px solid black; border-bottom: 1px; color: #BAC3CF; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #BAC3CF; border-radius: 2px; border: 1px solid rgba(14, 14, 17, 0); } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .sound-player-overlay StButton:active { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px #0072ff; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #040405; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #0072ff; -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: #fefefe; padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { color: #0072ff; } .workspace-button:hover { color: rgba(0, 114, 255, 0.5); } /* 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 #0072ff; background-gradient-direction: none; } .workspace-graph .workspace .windows { -active-window-background: #30323b; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #30323b; -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: #3c3d49; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #191a1f; -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: rgba(186, 195, 207, 0.1); } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("common-assets/misc/overview.png"); } #overview-corner:hover { background-image: url("common-assets/misc/overview-hover.png"); } .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: #F4F5F6; text-shadow: none; transition-duration: 100; } .applet-box.vertical { padding: 3px 0; } .applet-box:hover { color: #fefefe; background-color: #0072ff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(252, 65, 56, 0.5); } .applet-label { font-weight: bold; color: #F4F5F6; } .applet-label:hover, .applet-box:hover .applet-label { color: #fefefe; text-shadow: none; } .applet-icon { color: #F4F5F6; icon-size: 22px; } .applet-icon:hover, .applet-box:hover > .applet-icon { color: #fefefe; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #F4F5F6; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #BAC3CF; } .desklet:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: #BAC3CF; border-radius: 0; 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 { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: #BAC3CF; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #0072ff; background-color: rgba(0, 114, 255, 0.3); } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; 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(0, 114, 255, 0.3); border: 1px solid #0072ff; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } .menu-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-category-button-selected { padding: 7px; color: #fefefe; background-color: #0072ff; border: 1px solid black; } .menu-category-button-hover { background-color: rgba(0, 114, 255, 0.3); border-radius: 2px; } /*# sourceMappingURL=cinnamon-dark.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/cinnamon/cinnamon.css ================================================ stage { color: #F4F5F6; } .label-shadow { color: rgba(0, 0, 0, 0); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { border-radius: 2px; } .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #292a32; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(41, 42, 50, 0.05); } .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #F4F5F6; background-color: #1e1f24; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px #0072ff; } .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { text-shadow: 0 1px rgba(25, 26, 31, 0); color: rgba(244, 245, 246, 0.45); border: 1px solid rgba(0, 0, 0, 0.55); background-color: rgba(30, 31, 36, 0.55); box-shadow: inset 0 2px 4px rgba(30, 31, 36, 0.05); } .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.4); } .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { color: #0072ff; } .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; border: 1px solid #0072ff; background-color: #0072ff; } .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #42444a; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.25); } .menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { padding: 7px; caret-size: 1px; selection-background-color: #0072ff; selected-color: #fefefe; transition-duration: 300ms; border-radius: 3px; color: #F4F5F6; background-color: #191a1f; border: 1px solid black; box-shadow: inset 0 2px 4px rgba(25, 26, 31, 0.05); } .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { color: #F4F5F6; background-color: #191a1f; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(25, 26, 31, 0.05); } .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { color: rgba(244, 245, 246, 0.45); background-color: #15161a; border-color: 1px solid #070709; box-shadow: inset 0 2px 4px rgba(21, 22, 26, 0.05); } .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: #BAC3CF; selection-background-color: #0072ff; selected-color: #fefefe; transition-duration: 300ms; border-radius: 3px; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:insensitive { color: rgba(186, 195, 207, 0.55); background-color: rgba(64, 66, 78, 0.25); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } 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(25, 26, 31, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 2px; background-color: #6b6c6e; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #545557; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #0072ff; } .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: 0.3em; -slider-background-color: #25262d; -slider-border-color: rgba(16, 16, 19, 0.3); -slider-active-background-color: #0072ff; -slider-active-border-color: rgba(16, 16, 19, 0.3); -slider-border-width: 1px; -slider-handle-radius: 0.5em; height: 1em; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; } .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: #fefefe; } .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("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/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("dark-assets/checkbox/checkbox-unchecked.svg"); } .radiobutton:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .radiobutton:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .radiobutton:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .cinnamon-link { color: #7cb7ff; text-decoration: underline; } .cinnamon-link:hover { color: #afd3ff; } #Tooltip { border-radius: 3px; padding: 5px 12px; background-color: #0e0e11; color: #BAC3CF; font-size: 1em; font-weight: normal; text-align: center; } .menu, .popup-menu, .popup-combo-menu { color: #F4F5F6; background-color: #0e0e11; border-radius: 5px; border: 1px solid black; } .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; background-color: #09090b; } .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: 0em; } .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: 0em; } .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: #fefefe; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { color: rgba(244, 245, 246, 0.5); background: none; } .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { color: #F4F5F6; } .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { color: rgba(244, 245, 246, 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: #fefefe; } .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: 1px; -arrow-border-color: rgba(0, 0, 0, 0); -arrow-base: 0; -arrow-rise: 0; } .popup-combo-menu { padding: 10px 1px; } .popup-combobox-item { spacing: 1em; } .popup-separator-menu-item { -gradient-height: 2px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .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 { height: 28px; width: 32px; font-weight: 700; background-color: #0e0e11; color: #F4F5F6; } #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: #F4F5F6; font-size: 1em; padding: 0px; } .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; color: white; height: 22px; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } #overview { spacing: 12px; } .window-caption { background-color: #0e0e11; border: 1px solid #0e0e11; color: #BAC3CF; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; } .window-caption#selected { background-color: #0072ff; color: #fefefe; border: 1px solid #0072ff; spacing: 25px; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 15px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #0072ff; background-color: #0072ff; color: #fefefe; font-style: italic; transition-duration: 300; selection-background-color: #fefefe; selected-color: #0072ff; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 2px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #0072ff; background-color: black; border-radius: 2px; } .expo-background { background-color: #0e0e11; } .workspace-thumbnails { spacing: 26px; } .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { padding: 8px; } .workspace-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; transition-duration: 100; } .workspace-add-button:hover { background-image: url("common-assets/misc/add-workspace-hover.svg"); transition-duration: 100; } .workspace-add-button:active { background-image: url("common-assets/misc/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("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; -cinnamon-close-overlap: 10px; } .workspace-close-button:hover, .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .workspace-close-button:active, .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close-area { background-image: url("common-assets/misc/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 black; border-radius: 2px; background-color: #191a1f; 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 { spacing-rows: 0; spacing-columns: 0; } .calendar-main-box { margin: 0 .8em .5em .8em; } .calendar-events-main-box { height: 300px; margin-right: .5em; padding: .5em; min-width: 350px; border: 1px solid black; background-color: #191a1f; } .calendar-events-no-events-button { margin: 6px 0 6px 0; padding: 6px; } .calendar-events-no-events-button:hover { background-color: #0072ff; } .calendar-events-no-events-button:hover .calendar-events-no-events-icon, .calendar-events-no-events-button:hover .calendar-events-no-events-label { color: #fefefe; } .calendar-events-no-events-icon, .calendar-events-no-events-label { font-weight: bold; color: #F4F5F6; text-align: center; } .calendar-events-date-label { padding: .1em .1em .5em .1em; color: #F4F5F6; font-weight: bold; text-align: center; } .calendar-events-event-container { padding: 0; } .calendar-event-button { border: 1px solid rgba(0, 0, 0, 0); } .calendar-event-button .calendar-event-time-past { color: rgba(244, 245, 246, 0.4); font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present { color: #F4F5F6; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-time-present:all-day { color: #0072ff; } .calendar-event-button .calendar-event-time-future { color: #F4F5F6; font-weight: bold; text-align: left; margin-bottom: .2em; } .calendar-event-button .calendar-event-summary { color: #F4F5F6; text-align: left; width: 200px; } .calendar-event-button .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #F4F5F6; } .calendar-event-button .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button .calendar-event-countdown:imminent { font-weight: bold; color: #F27835; } .calendar-event-button .calendar-event-countdown:current { font-weight: bold; color: #0072ff; } .calendar-event-button:hover { background-color: #0072ff; border: 1px solid black; } .calendar-event-button:hover .calendar-event-time-past, .calendar-event-button:hover .calendar-event-time-present, .calendar-event-button:hover .calendar-event-time-future, .calendar-event-button:hover .calendar-event-summary { color: #fefefe; } .calendar-event-button:hover .calendar-event-countdown { text-align: right; margin-bottom: .6em; color: #fefefe; } .calendar-event-button:hover .calendar-event-countdown:soon { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:imminent { font-weight: bold; } .calendar-event-button:hover .calendar-event-countdown:current { font-weight: bold; } .calendar-event-color-strip { width: 2px; } .calendar-today-home-button { padding: 6px; } .calendar-today-day-label { font-size: 1.75em; color: #F4F5F6; font-weight: bold; text-align: center; padding-bottom: .1em; } .calendar-today-date-label { font-size: 1.1em; color: #F4F5F6; font-weight: bold; text-align: center; } .calendar-today-home-button-enabled { padding: 6px; } .calendar-today-home-button-enabled:hover { background-color: #0072ff; } .calendar-today-home-button-enabled:hover .calendar-today-day-label { color: #fefefe; } .calendar-today-home-button-enabled:hover .calendar-today-date-label { color: #fefefe; } .calendar-month-label { color: #F4F5F6; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-day-event-dot-box { margin-top: 1.7em; max-rows: 1; } .calendar-day-event-dot { margin: 1px; border-radius: 2px; width: 4px; height: 4px; } .calendar-day-base { font-size: 1em; text-align: center; width: 2.2em; height: 2.2em; padding: 0.1em; } .calendar-day-base:hover { font-weight: bold; color: #fefefe; background-color: #0072ff; } .calendar-day-heading { color: rgba(244, 245, 246, 0.85); margin-top: 1em; font-size: 1.05em; } .calendar-day { border-width: 0; color: rgba(244, 245, 246, 0.9); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #F4F5F6; background-color: transparent; font-weight: bold; } .calendar-today { color: #F4F5F6; background-color: rgba(0, 114, 255, 0.4); border-width: 0; } .calendar-today:selected { font-weight: bold; } .calendar-not-today { color: #F4F5F6; } .calendar-not-today:selected { font-weight: bold; background-color: rgba(244, 245, 246, 0.4); } .calendar-not-today:selected:hover { font-weight: bold; color: #F4F5F6; } .calendar-other-month-day { color: rgba(244, 245, 246, 0.3); opacity: 1; } .calendar-other-month-day:hover { color: #fefefe; opacity: 1; } .calendar-week-number { color: rgba(244, 245, 246, 0.85); font-size: 0.8em; margin-top: 0.8em; } #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #BAC3CF; } .menu #notification, .popup-menu #notification { border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { color: #F4F5F6; } .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: #BAC3CF; } #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: #BAC3CF; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 36px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; 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 #0072ff; } .switcher-list .item-box:selected { color: #fefefe; background-color: #0072ff; border: 0px solid #0072ff; } .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: #BAC3CF; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); color: #F4F5F6; } .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("common-assets/misc/corner-ripple.svg"); background-size: contain; } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .run-dialog { padding: 0px 15px 10px 15px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 0; font-weight: bold; color: #BAC3CF; 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: #BAC3CF; selected-color: #fefefe; selection-background-color: #0072ff; color: #BAC3CF; background-color: rgba(64, 66, 78, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog-entry:focus { color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; 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: #0e0e11; 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: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.4); } .keyboard-key:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; border: 1px solid #0072ff; background-color: #0072ff; } .keyboard-key:grayed { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #42444a; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(64, 66, 78, 0.25); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: #0e0e11; -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: #101013; border: 1px solid black; } .menu-favorites-button { padding: 10px; border: 1px solid rgba(0, 0, 0, 0); } .menu-places-box { margin: auto; padding: 10px; border: 0px solid red; } .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: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; } .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-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-category-button-selected { padding: 7px; } .menu-category-button-hover { background-color: red; border-radius: 2px; } .menu-category-button-greyed { padding: 7px; color: rgba(244, 245, 246, 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; min-height: 15px; font-weight: normal; caret-color: #F4F5F6; } .menu-search-entry-icon { icon-size: 1em; color: #F4F5F6; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: #F4F5F6; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: #F4F5F6; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #0072ff; } .osd-window .level-bar { background-color: #0072ff; } .window-list-box { spacing: 6px; padding-left: 10px; padding-top: 1px; } .window-list-box.vertical { spacing: 2px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .window-list-box:highlight { background-color: rgba(252, 65, 56, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(254, 254, 254, 0.6); } .window-list-item-box.top, .window-list-item-box.bottom { border-bottom-width: 2px; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { padding-left: 2px; } .window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .window-list-item-box.right StBin { padding-right: 0; } .window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .window-list-item-box.left StBin { padding-left: 1px; } .window-list-item-box:hover, .window-list-item-box:groupFocus { color: #fefefe; background-color: rgba(254, 254, 254, 0.1); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { color: #fefefe; border-color: #0072ff; background-color: rgba(254, 254, 254, 0.1); } .window-list-item-box .progress { background-color: rgba(0, 114, 255, 0.8); } .window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #F04A50; background-gradient-end: #F04A50; } .window-list-preview { spacing: 6px; color: #F4F5F6; border: 1px solid black; background-color: #101013; border-radius: 3px; padding: 6px 12px 12px 12px; font-size: 1em; } .grouped-window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .grouped-window-list-item-box { text-align: left; font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(254, 254, 254, 0.6); } .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { border-bottom-width: 2px; } .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { padding-left: 2px; } .grouped-window-list-item-box.right { padding-left: 0px; padding-right: 0px; border-right-width: 2px; } .grouped-window-list-item-box.right StBin { padding-right: 0; } .grouped-window-list-item-box.left { padding-left: 0px; padding-right: 0px; border-left-width: 2px; } .grouped-window-list-item-box.left StBin { padding-left: 1px; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { color: #fefefe; border-color: #535565; } .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { color: #fefefe; border-color: #0072ff; } .grouped-window-list-item-box .progress { background-color: rgba(0, 114, 255, 0.8); } .grouped-window-list-item-demands-attention { background-gradient-direction: vertical; background-gradient-start: #F04A50; background-gradient-end: #F04A50; } .grouped-window-list-thumbnail-label { padding-left: 4px; } .grouped-window-list-number-label { z-index: 99; color: #F4F5F6; } .grouped-window-list-badge { border-radius: 256px; background-color: #0e0e11; } .grouped-window-list-button-label { padding-left: 4px; } .grouped-window-list-thumbnail-alert { background: rgba(255, 52, 52, 0.3); } .grouped-window-list-thumbnail-menu { color: #F4F5F6; border: 1px solid black; background-color: #101013; border-radius: 3px; padding: 0px; } .grouped-window-list-thumbnail-menu > StBoxLayout { padding: 4px; } .grouped-window-list-thumbnail-menu .item-box { padding: 10px; border-radius: 2px; spacing: 4px; } .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; border: 1px solid #0072ff; } .grouped-window-list-thumbnail-menu .item-box:selected { border: 1px solid #0072ff; } .grouped-window-list-thumbnail-menu .thumbnail { width: 256px; } .grouped-window-list-thumbnail-menu .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .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 4px; } .sound-player > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 16px; height: 8px; padding: 1px; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .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(2, 2, 3, 0.9); border: 0px solid black; border-bottom: 1px; color: #BAC3CF; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #BAC3CF; border-radius: 2px; border: 1px solid rgba(14, 14, 17, 0); } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(80, 83, 98, 0.5); } .sound-player-overlay StButton:active { text-shadow: 0 1px rgba(25, 26, 31, 0); color: #fefefe; background-color: #0072ff; border: 1px solid #0072ff; box-shadow: inset 0 2px 4px #0072ff; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #040405; -slider-border-color: rgba(0, 0, 0, 0); -slider-active-background-color: #0072ff; -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: #fefefe; padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { color: #0072ff; } .workspace-button:hover { color: rgba(0, 114, 255, 0.5); } /* 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 #0072ff; background-gradient-direction: none; } .workspace-graph .workspace .windows { -active-window-background: #30323b; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #30323b; -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: #3c3d49; -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: #191a1f; -inactive-window-border: rgba(0, 0, 0, 0.8); } .panel-launchers { padding-left: 7px; spacing: 2px; } .panel-launchers .launcher { padding-left: 2px; padding-right: 2px; padding-bottom: 2px; transition-duration: 200; } .panel-launchers .launcher:hover { background-color: rgba(186, 195, 207, 0.1); } .panel-launchers.vertical { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; spacing: 1px; } .panel-launchers.vertical .launcher { padding-top: 2px; padding-bottom: 2px; } #overview-corner { background-image: url("common-assets/misc/overview.png"); } #overview-corner:hover { background-image: url("common-assets/misc/overview-hover.png"); } .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: #F4F5F6; text-shadow: none; transition-duration: 100; } .applet-box.vertical { padding: 3px 0; } .applet-box:hover { color: #fefefe; background-color: #0072ff; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(252, 65, 56, 0.5); } .applet-label { font-weight: bold; color: #F4F5F6; } .applet-label:hover, .applet-box:hover .applet-label { color: #fefefe; text-shadow: none; } .applet-icon { color: #F4F5F6; icon-size: 22px; } .applet-icon:hover, .applet-box:hover > .applet-icon { color: #fefefe; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #F4F5F6; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #BAC3CF; } .desklet:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: #BAC3CF; border-radius: 0; 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 { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: #BAC3CF; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #0072ff; background-color: rgba(0, 114, 255, 0.3); } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; 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(0, 114, 255, 0.3); border: 1px solid #0072ff; } .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } .menu-category-button { padding: 7px; border: 1px solid rgba(0, 0, 0, 0); } .menu-category-button-selected { padding: 7px; color: #fefefe; background-color: #0072ff; border: 1px solid black; } .menu-category-button-hover { background-color: rgba(0, 114, 255, 0.3); border-radius: 2px; } /*# sourceMappingURL=cinnamon.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gnome-shell/gnome-shell.css ================================================ /***************** * Drawing mixins * *****************/ /* GLOBALS */ stage { font-size: 11pt; color: #F4F5F6; } /* WIDGETS */ /* Buttons */ .button, .icon-button, .app-folder-dialog .edit-folder-button, .quick-settings-system-item .icon-button, .screenshot-ui-type-button, .screenshot-ui-show-pointer-button { color: #F4F5F6; background-color: #22232a; box-shadow: none; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; border: 1px solid #161819; } .button:focus, .icon-button:focus, .app-folder-dialog .edit-folder-button:focus, .quick-settings-system-item .icon-button:focus, .screenshot-ui-type-button:focus, .screenshot-ui-show-pointer-button:focus { background-color: #2b2d35; color: #f7f7f7; text-shadow: 0 1px black; icon-shadow: 0 1px black; box-shadow: none !important; border: 1px solid #161819; } .button:insensitive, .icon-button:insensitive, .app-folder-dialog .edit-folder-button:insensitive, .quick-settings-system-item .icon-button:insensitive, .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive { color: #828385; background-color: rgba(41, 41, 44, 0.66); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border: none; text-shadow: none; icon-shadow: none; } .button:active, .button:checked, .icon-button:active, .icon-button:checked, .app-folder-dialog .edit-folder-button:active, .quick-settings-system-item .icon-button:active, .screenshot-ui-type-button:active, .screenshot-ui-show-pointer-button:active, .app-folder-dialog .edit-folder-button:checked, .quick-settings-system-item .icon-button:checked, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:checked { color: #f7f7f7; background-color: #0072ff; border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .button:hover, .icon-button:hover, .app-folder-dialog .edit-folder-button:hover, .quick-settings-system-item .icon-button:hover, .screenshot-ui-type-button:hover, .screenshot-ui-show-pointer-button:hover { background-color: #292a32; color: #f7f7f7; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .button { border-radius: 6px; padding: 4px 32px; } .modal-dialog-linked-button { padding: 10px; border: 1px solid #161819; color: #F4F5F6; background: #040405; text-shadow: none; icon-shadow: none; box-shadow: none; } .modal-dialog-linked-button:insensitive { color: #828385; background-color: rgba(41, 41, 44, 0.66); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border: none; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:active { color: #f7f7f7; background-color: #0072ff; border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .modal-dialog-linked-button:focus { background-color: #2b2d35; color: #f7f7f7; text-shadow: 0 1px black; icon-shadow: 0 1px black; box-shadow: none !important; border: 1px solid #161819; } .modal-dialog-linked-button:focus:hover { background-color: #2b2d35; color: #f7f7f7; text-shadow: 0 1px black; icon-shadow: 0 1px black; box-shadow: none !important; border: 1px solid #161819; } .modal-dialog-linked-button:hover { background-color: #292a32; color: #f7f7f7; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 10px; } .modal-dialog-linked-button:last-child { border-radius: 0px 0px 10px 0px; } .modal-dialog-linked-button:first-child:last-child { border-radius: 0px 0px 10px 10px; } /* Entries */ StEntry { background-color: #25262d; border-color: #161819; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 4px; border-width: 2px; color: #F4F5F6; selection-background-color: #0072ff; selected-color: #f7f7f7; } StEntry:hover { border-color: rgba(0, 114, 255, 0.6); } StEntry:focus { border-color: rgba(0, 114, 255, 0.6); box-shadow: none !important; } StEntry:insensitive { color: #828385; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f47d49; padding: 0 4px; } StEntry StLabel.hint-text { color: rgba(244, 245, 246, 0.7); } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 14px; min-height: 14px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #3e3e40; margin: 3px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #c6c7c9; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #0072ff; } /* Slider */ .slider { color: #F4F5F6; -barlevel-height: 2px; -barlevel-background-color: rgba(244, 245, 246, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #00c6ff; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #9b1b32; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 0px; -slider-handle-radius: 8px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("assets/checkbox-off.svg"); } .check-box:focus, .check-box:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); } .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } .check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } /* Switches */ .toggle-switch { width: 65px; height: 22px; background-color: transparent !important; background-size: contain; background-image: url("assets/toggle-off.svg"); } .toggle-switch:checked { background-image: url("assets/toggle-on.svg"); } .toggle-switch .handle { background: none !important; box-shadow: none !important; } .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"); } /* links */ .shell-link { color: #13b1d5; } .shell-link:hover { color: #2fc9ec; } /* Modal Dialogs */ .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { border: 1px solid #1e1e24 !important; border-radius: 10px; color: #F4F5F6; background-color: rgba(11, 11, 13, 0.95); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); padding: 0 !important; } .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } .modal-dialog .run-dialog-entry { width: 20em; margin-bottom: 6px; } .modal-dialog .run-dialog-error-box { color: #e6133e; padding-top: 16px; spacing: 6px; } .modal-dialog .run-dialog-button-box { padding-top: 1em; } .modal-dialog .run-dialog-label { font-size: 12pt; font-weight: bold; color: #d8dcdf; padding-bottom: .4em; } .mount-dialog-subject, .end-session-dialog-subject { font-size: 14pt; } /* Message Dialog */ .message-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .message-dialog-content { max-width: 28em; spacing: 20px; } .message-dialog-icon { min-width: 48px; icon-size: 48px; } .message-dialog-title { font-weight: bold; } .message-dialog-subtitle { color: #848f9a; font-weight: bold; } /* End Session Dialog */ .end-session-dialog { spacing: 42px; border: none; } .end-session-dialog .modal-dialog-linked-button:last-child { background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; color: #fff; } .end-session-dialog .modal-dialog-linked-button:last-child:hover, .end-session-dialog .modal-dialog-linked-button:last-child:focus { background: #d7123a !important; color: #fff; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #f47d49; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border-radius: 3px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #e6133e; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 65px; padding-left: 65px; } .end-session-dialog-session-list, .end-session-dialog-app-list { spacing: 1em; } .end-session-dialog-list-header { font-weight: bold; } .end-session-dialog-list-header:rtl { text-align: right; } .end-session-dialog-app-list-item, .end-session-dialog-session-list-item { spacing: 1em; } .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name { font-weight: bold; } .end-session-dialog-app-list-item-description { color: #e6e8eb; font-size: 10pt; } /* ShellMountOperation Dialogs */ .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: #d8dcdf; } .mount-dialog-app-list-item:hover { color: #F4F5F6; } .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: 10pt; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; border: none; border-radius: 10px; } .prompt-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog .message-dialog-content { spacing: 16px; } .prompt-dialog .message-dialog-title { color: #aeb5bd; } .prompt-dialog-description:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 10pt; color: #e6133e; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 10pt; padding-bottom: 8px; } .hidden { color: rgba(0, 0, 0, 0); } .prompt-dialog-null-label { font-size: 10pt; padding-bottom: 8px; } /* Polkit Dialog */ .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #f47d49; } .polkit-dialog-user-icon { border-radius: 3px; background-size: contain; width: 48px; height: 48px; } /* Audio selection dialog */ .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid #F4F5F6; border-radius: 12px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #0072ff; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } /* Access Dialog */ .access-dialog { spacing: 30px; } /* Geolocation Dialog */ .geolocation-dialog { spacing: 30px; } /* Extension Dialog */ .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } .extension-dialog .message-dialog-title { color: #aeb5bd; } /* Inhibit-Shortcuts Dialog */ .inhibit-shortcuts-dialog { spacing: 30px; } /* Network Agent Dialog */ .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } /* Popovers/Menus */ .popup-menu { min-width: 15em; background-color: transparent; color: #F4F5F6; } .popup-menu.panel-menu { -boxpointer-gap: 4px; margin-bottom: 1.75em; } .popup-sub-menu { background-color: #19191e; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); border: none; border-radius: 0px 0px 6px 6px; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; background-color: #19191e; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:active, .popup-sub-menu .popup-menu-item.selected, .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus { background-color: #25252c !important; color: #F4F5F6 !important; } .popup-menu-content { padding: 6px; background: #101013; border-radius: 12px; border: 1px solid #161819; } .popup-menu-item { spacing: 6px; border-radius: 6px; color: #F4F5F6; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:active, .popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus { background-color: #1e1e24 !important; color: #F4F5F6 !important; } .popup-menu-item:checked { background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; color: #f7f7f7 !important; font-weight: bold; border-radius: 6px 6px 0px 0px; box-shadow: none; } .popup-menu-item:insensitive { color: rgba(244, 245, 246, 0.5); } .popup-inactive-menu-item { color: #F4F5F6; } .popup-inactive-menu-item:insensitive { color: rgba(244, 245, 246, 0.5); } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-menu-ornament { text-align: right; width: 1.2em; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 6px; } .popup-separator-menu-item:rtl { margin-left: 6px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #2c2c34; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #3c3c48; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } /* fallback menu - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ /* OSD */ .osd-window { text-align: center; font-weight: bold; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { height: 0.4em; border-radius: 0.3em; color: #F4F5F6; -barlevel-height: 0.4em; -barlevel-background-color: #2c2c34; -barlevel-active-background-color: #0072ff; -barlevel-overdrive-color: #ed254e; -barlevel-overdrive-separator-width: 0.2em; } .osd-window .level-bar { background-color: #0072ff; border-radius: 0.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 4px; background-color: transparent; } .switcher-list .item-box:outlined { padding: 6px; border: 2px solid black; } .switcher-list .item-box:selected { background-color: #0072ff; color: #f7f7f7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: #161819; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(244, 245, 246, 0.8); } .switcher-arrow:highlighted { color: #F4F5F6; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } /* Window Cycler */ .cycler-highlight { border: 5px solid #0072ff; } /* Workspace Switcher */ .workspace-switcher-group { padding: 12px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 50px; background-color: #0072ff; color: #f7f7f7; border: none; background-size: 32px; border-radius: 8px; } .ws-switcher-active-up { background-image: url("assets/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("assets/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 50px; border: 1px solid rgba(244, 245, 246, 0.1); background: rgba(0, 0, 0, 0.95); border-radius: 8px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container, .screenshot-ui-panel { color: #F4F5F6; background-color: rgba(16, 16, 19, 0.95); border: none; border-radius: 18px; padding: 12px; } /* Tiled window previews */ .tile-preview { background-color: rgba(0, 114, 255, 0.5); border: 1px solid #0072ff; } .tile-preview-left.on-primary { border-radius: 2px 2px 0 0; } .tile-preview-right.on-primary { border-radius: 0 2px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 2px 2px 0 0; } /* TOP BAR */ #panel { background-gradient-direction: none; background-color: rgba(16, 16, 19, 0.95); /* transition from solid to transparent */ transition-duration: 500ms; font-weight: bold; height: 2.1em; padding: 0px 0px; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; } #panel #panelLeft, #panel #panelCenter { spacing: 4px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: rgba(0, 0, 0, 0.2); -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: #1a80ff; } #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-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: white; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); transition-duration: 100ms; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; margin-left: 4px; margin-right: 4px; } #panel .panel-button:hover { background: rgba(39, 39, 47, 0.95); color: white; transition-duration: 200ms; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: none; background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; color: #f7f7f7; text-shadow: 0px 0px 2px rgba(2, 2, 2, 0.134); transition-duration: 200ms; } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 0 5px; } .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:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; } #panel .panel-button.clock-display:hover .clock, #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 { 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: #f47d49; } #panel.solid { background-color: #101013; /* transition from transparent to solid */ transition-duration: 300ms; } #panel.solid .panel-corner { -panel-corner-background-color: black; } #panel.solid .system-status-icon, #panel.solid .app-menu-icon > StIcon, #panel.solid .popup-menu-arrow { icon-shadow: none; } .calendar, .world-clocks-button, .weather-button, .events-button { background: transparent; border: none; color: #F4F5F6; box-shadow: none; } .calendar, .datemenu-today-button, .datemenu-displays-box { margin: 0 6px; } .datemenu-calendar-column { border: 0 solid transparent; background: #121216; border-radius: 7px; box-shadow: 0px 0px 1px 1px #161819 inset; padding: 0; } .datemenu-today-button, .events-section-title, .message-list-section-title { border-radius: 4px; color: #F4F5F6; padding: .4em; } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus, .message-list-section-title:hover, .message-list-section-title:focus, .events-button:hover, .events-button:focus { background-color: #1c1c21; } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active, .message-list-section-title:active, .events-button:active { color: white; background-color: #0072ff; } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .weather-header, .events-section-title, .message-list-section-title, .events-title { color: #d8dcdf; font-weight: bold; } .events-button .event-time { color: #e9ebed; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { background-color: transparent; color: #e6e8eb; font-weight: bold; padding: 8px 0; } .pager-button { color: white; background-color: transparent; width: 32px; border-radius: 4px; } .pager-button:hover, .pager-button:focus { background-color: rgba(244, 245, 246, 0.05); } .pager-button:active { background-color: rgba(16, 16, 19, 0.05); } .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"); } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { color: #e6e8eb; } .calendar-day-base, .calendar-day { font-size: 80%; text-align: center; width: 2.4em; height: 2.4em; padding: 0.1em; margin: 2px; border-radius: 99px; color: #F4F5F6; background-gradient-direction: none; background-color: transparent; } .calendar-day-base:hover, .calendar-day-base:focus, .calendar-day:hover, .calendar-day:focus { background-color: #2c2c34; box-shadow: none !important; } .calendar-day-base:active, .calendar-day-base:selected, .calendar-day:active, .calendar-day:selected { color: #f7f7f7; background-color: #0072ff; background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; border-color: black; box-shadow: none !important; } .calendar-day-heading { background-color: transparent; color: #d8dcdf; margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; } .calendar-day-top { border-top-width: 1px; } .calendar-day-left { border-left-width: 1px; } .calendar-nonwork-day { color: #828385; } .calendar-today { font-weight: bold; border: 1px solid transparent; background-color: #0072ff; color: #f7f7f7 !important; } .calendar-today:hover, .calendar-today:focus { background-color: #0f7aff; color: #f7f7f7; } .calendar-today:active, .calendar-today:selected { background-color: #0072ff; color: #f7f7f7; } .calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { background-color: #0f7aff; color: #f7f7f7; } .calendar-day-with-events { color: white; font-weight: bold; background-image: url("assets/calendar-today.svg"); } .calendar-other-month-day { color: #828385; opacity: 0.5; } .calendar-week-number { font-size: 70%; font-weight: bold; width: 2.3em; height: 1.8em; border-radius: 2px; padding: 0.5em 0 0; margin: 6px; background-color: rgba(244, 245, 246, 0.3); color: #101013; } /* Message list */ .message-list { border: none; } .message-title, .message-content, .message-body { color: #e6e8eb; } .message-list-sections { spacing: 1em; } .message-list-section, .message-list-section-list { spacing: 0.4em; } .message-list-section-close > StIcon { icon-size: 16px; border-radius: 16px; padding: 8px; color: #F4F5F6; background-color: transparent; } .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon .message-list-section-close:active > StIcon { color: #ed254e; background: transparent; } .message { border: 1px solid #161819; border-radius: 7px; background: #17171b; box-shadow: none; } .message:hover, .message:focus { background-color: #1e1e24; box-shadow: 2px 0px 0px 0px #0072ff inset; border-radius: 0px 7px 7px 0px; } .message-secondary-bin > .event-time { color: #cacfd4; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message-secondary-bin > StIcon { icon-size: 16px; } .message-content { padding: 10px; } .message-close-button { color: #F4F5F6; background-color: rgba(244, 245, 246, 0.2); border-radius: 99px; } .message-close-button:hover { background-color: #ed254e; } .message-close-button:hover > StIcon { color: #f7f7f7; } .message-close-button:active { background-color: #ed254e; } .message-close-button:active > StIcon { color: #f7f7f7; } /* Media Controls */ .message-media-control { color: #F4F5F6; } .message-media-control:hover { background-color: #232329; color: white; } .message-media-control:active { background-color: #2c2c34; color: white; } .message-media-control:insensitive { color: #8f9092; } .media-message-cover-icon { icon-size: 48px !important; } .media-message-cover-icon.fallback { color: #27272f; background-color: #101013; border: 2px solid #101013; border-radius: 2px; icon-size: 16px; padding: 8px; } /* World clocks */ .world-clocks-button .world-clocks-city { color: #F4F5F6; font-weight: normal; } .world-clocks-button .world-clocks-time { font-weight: bold; color: #F4F5F6; font-feature-settings: "lnum"; text-align: right; } .world-clocks-button .world-clocks-timezone { color: #bcc2c8; font-feature-settings: "tnum"; } /* Weather */ .weather-button .weather-header { color: #d8dcdf; font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-forecast-time { color: #d8dcdf; font-feature-settings: "tnum"; font-weight: normal; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-temp { font-weight: bold; } .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; } #appMenu { spinner-image: url("assets/process-working.svg"); spacing: 4px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .system-menu-action { color: #F4F5F6; border-radius: 32px; /* wish we could do 50% */ border: 1px solid #161819; background: #09090b; padding: 13px; } .system-menu-action:hover, .system-menu-action:focus { border: 1px solid #0072ff; color: #0072ff; background: transparent; } .system-menu-action:active { background-color: #005bcc; color: #f7f7f7; border: 1px solid #005bcc; } .system-menu-action > StIcon { icon-size: 16px; } .ripple-box { width: 52px; height: 52px; background-image: url("assets/corner-ripple-ltr.png"); background-size: contain; } .ripple-box:rtl { background-image: url("assets/corner-ripple-rtl.png"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 1.09em; } .window-close { background-color: transparent; background-image: url("assets/close-window.svg"); background-size: 32px; border: none; box-shadow: none; color: transparent; height: 32px; width: 32px; } .window-close { -shell-close-overlap: 16px; } .window-close:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } /* NETWORK DIALOGS */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #F4F5F6; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 2px solid #161819; background: #101013; } .nm-dialog-header { font-weight: bold; } .nm-dialog-item { font-size: 110%; border-bottom: 1px solid #161819; padding: 12px; spacing: 20px; } .nm-dialog-item:selected { background-color: #0072ff; color: #f7f7f7; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: #999999; } .no-networks-box { spacing: 12px; } /* OVERVIEW */ #overview, .controls-manager, .secondary-monitor-workspaces { spacing: 24px; } #overviewGroup { background-color: #191a1f; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; } .window-picker.external-monitor { padding: 16px; } .window-clone-border { border: 4px solid rgba(0, 114, 255, 0.3); border-radius: 0px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 20px; color: white; background-color: rgba(4, 4, 5, 0.7); border-radius: 2px; padding: 4px 8px; } .search-entry { width: 320px; padding: 9px; border-radius: 10px; box-shadow: none; border-color: transparent; } .search-entry .search-entry-icon { icon-size: 1em; padding: 0 4px; color: rgba(244, 245, 246, 0.7); } .search-provider-icon, .list-search-result { background-color: transparent; } .search-provider-icon:focus, .list-search-result:focus, .search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected { background-color: rgba(244, 245, 246, 0.1); transition-duration: 200ms; } .search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked { background-color: rgba(0, 0, 0, 0.85); } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { background-color: transparent; border-radius: 0; border: none; box-shadow: none; spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { height: 2px; background-color: #2c2c34; } .list-search-result-content { spacing: 30px; } .list-search-result-title { color: white; spacing: 12px; } .list-search-result-description { color: rgba(255, 255, 255, 0.5); } .list-search-provider-details { width: 150px; color: white; margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } /* DASHBOARD */ .dash-background { background-color: #09090b; } .dash-separator { width: 1px; background-color: #2c2c34; } .dash-label { border-radius: 7px; padding: 4px 12px; color: white; background-color: rgba(16, 16, 19, 0.95); text-align: center; border: 1px solid #161819; -x-offset: 8px; } /* App Vault/Grid */ .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .system-action-icon { background-color: black; color: white; border-radius: 99px; icon-size: 48px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; } .app-view-control:checked { background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; color: #fff; } .app-view-control:hover { border: none; } .app-view-control:first-child { border-right-width: 0; border-radius: 3px 0 0 3px; } .app-view-control:last-child { border-radius: 0 3px 3px 0; } .app-well-app, .app-well-app.app-folder, .show-apps, .grid-search-result, .overview-tile, .dash-item-container .overview-tile { background-color: transparent; border: none; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon, .overview-tile:hover .overview-icon, .overview-tile:focus .overview-icon, .overview-tile:selected .overview-icon, .dash-item-container .overview-tile:hover .overview-icon, .dash-item-container .overview-tile:focus .overview-icon, .dash-item-container .overview-tile:selected .overview-icon { background-color: #292a32; transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon, .overview-tile:active .overview-icon, .overview-tile:checked .overview-icon, .dash-item-container .overview-tile:active .overview-icon, .dash-item-container .overview-tile:checked .overview-icon { background-color: #292a32; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); color: #F4F5F6; } .app-well-app-running-dot, .app-grid-running-dot { width: 4px; height: 4px; background-color: #0072ff; border-radius: 10px !important; box-shadow: 0px 0px 5px 4px rgba(0, 114, 255, 0.8); margin-bottom: 0px; } .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon, .overview-tile .overview-icon, .dash-item-container .overview-tile .overview-icon { background-color: transparent; color: #f7f7f7; border: none; transition-duration: 100ms; text-align: center; box-shadow: none; border-radius: 18px; } /* App Folders */ .app-well-app.app-folder, .app-folder .overview-icon { background-color: #292a32; border-radius: 18px; } .app-folder-dialog { background-color: #09090b; border: none; border-radius: 30px; } .app-folder-dialog .folder-name-label { color: #F4F5F6; } .app-folder-dialog .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 18px; } .app-folder-dialog .edit-folder-button > StIcon { icon-size: 16px; } .app-well-app.app-folder > .overview-icon { background-color: rgba(16, 16, 19, 0.35); } .show-apps .show-apps-icon { color: white; } .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: #F4F5F6; transition-duration: 100ms; } .app-folder-popup { -arrow-border-radius: 8px; -arrow-background-color: rgba(16, 16, 19, 0.5); -arrow-base: 24px; -arrow-rise: 11px; } .app-folder-popup-bin { padding: 5px; background: rgba(16, 16, 19, 0.5); } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 6px 12px; } .page-indicator .page-indicator-icon { width: 12px; height: 12px; border-radius: 12px; background-image: none; background-color: #535565; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails { visible-width: 32px; spacing: 11px; padding: 8px; border-radius: 0; } .workspace-thumbnails:rtl { border-radius: 0; } .workspace-thumbnail-indicator { border: 4px solid rgba(0, 114, 255, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 0; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .page-navigation-arrow { background-color: transparent; margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; } .page-navigation-arrow:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } .page-navigation-arrow:hover { background-color: rgba(0, 114, 255, 0.5); } .page-navigation-arrow:active { background-color: #0072ff; } .workspace-thumbnails { color: #F4F5F6; background-color: transparent; border: none; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #F4F5F6; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { link-color: #338eff; } .notification-banner { font-size: 11pt; width: 34em; margin: 5px; border-radius: 12px; color: white; background-color: #101013; border: 1px solid #161819; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.451); } .notification-banner:hover, .notification-banner:focus { background-color: #19191e; box-shadow: none; border-radius: 12px; } .notification-banner * { color: #F4F5F6; } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions { background-color: #0b0b0d; padding-top: 2px; spacing: 1px; border-radius: 0px 0px 12px 12px; } .notification-banner .notification-button { padding: 7px; background-color: rgba(16, 16, 19, 0.9); box-shadow: none; border: none; } .notification-banner .notification-button:first-child { border-radius: 0 0 0 12px; } .notification-banner .notification-button:last-child { border-radius: 0 0 12px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; color: #f7f7f7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #0072ff; color: #f7f7f7; border: 2px solid #F4F5F6; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #d8dcdf; } .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: #cacfd4; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #bcc2c8; } .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: 4px; } .hotplug-resident-mount:hover { background-color: rgba(16, 16, 19, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } /* Eeeky things */ .magnifier-zoom-region { border: 2px solid #0072ff; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { background-color: rgba(16, 16, 19, 0.65); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { color: #F4F5F6; background-color: #22232a; box-shadow: none; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; border: 1px solid #161819; background-color: #191a1f; min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 5px; } .keyboard-key:focus { background-color: #2b2d35; color: #f7f7f7; text-shadow: 0 1px black; icon-shadow: 0 1px black; box-shadow: none !important; border: 1px solid #161819; } .keyboard-key:hover, .keyboard-key:checked { background-color: #292a32; color: #f7f7f7; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .keyboard-key:active { color: #f7f7f7; background-color: #0072ff; border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { background-color: rgba(16, 16, 19, 0.95); color: #F4F5F6; border-color: rgba(0, 0, 0, 0.7); } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 10px; -arrow-background-color: rgba(16, 16, 19, 0.65); -arrow-border-width: 2px; -arrow-border-color: #F4F5F6; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dcdf; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 4px; } .candidate-box:selected, .candidate-box:hover { background-color: #0072ff; color: #f7f7f7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 4px 0px 0px 4px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 4px 4px 0px; } .candidate-page-button-icon { icon-size: 1em; } /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; border: 2px solid #F4F5F6; color: #F4F5F6; border-radius: 3px; } .framed-user-icon:hover { border-color: white; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { color: #F4F5F6; background-color: #22232a; box-shadow: none; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; border: 1px solid #161819; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { background-color: #292a32; color: #f7f7f7; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .login-dialog .modal-dialog-button:default:active { color: #f7f7f7; background-color: #0072ff; border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { color: #828385; background-color: rgba(41, 41, 44, 0.66); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border: none; text-shadow: none; icon-shadow: none; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d8dcdf; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #f47d49; } .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: #F4F5F6; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #a0a9b1; padding-top: 1em; } .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: #0072ff; color: #f7f7f7; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #0072ff; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #a0a9b1; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #F4F5F6; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #f7f7f7; } .login-dialog-username, .user-widget-label { color: #F4F5F6; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #bcc2c8; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #a0a9b1; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #F4F5F6; } .login-dialog-session-list-button:active { color: #6a7681; } .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 rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .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: 12px 6px; border: 1px solid #F4F5F6; background-color: rgba(16, 16, 19, 0.45); color: #F4F5F6; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(16, 16, 19, 0.45); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(16, 16, 19, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(16, 16, 19, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(0, 114, 255, 0.5); } #LookingGlassDialog { background-color: rgba(0, 0, 0, 0.8); spacing: 4px; padding: 4px; border: 2px solid grey; border-radius: 4px; } #LookingGlassDialog > #Toolbar { border: 1px solid grey; border-radius: 4px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #ccc; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 2px; border-color: #1a80ff; color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { color: #dddddd; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid #6f6f6f; border-radius: 4px; padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.8); border: 2px solid grey; border-radius: 4px; padding: 6px; } .quick-settings { padding: 14px; border-radius: 12px; } .quick-settings .icon-button, .quick-settings .button { color: #F4F5F6; padding: 10.5px; } .quick-toggle { border-radius: 99px; /* Move padding into the box; this is to allow menu arrows to extend to the border */ } .quick-toggle:checked { background-gradient-start: #03e9b1 !important; background-gradient-end: #0014ff !important; background-gradient-direction: horizontal; color: #f7f7f7; text-shadow: none; } .quick-toggle:checked:hover { background-gradient-start: rgba(3, 233, 177, 0.8) !important; background-gradient-end: rgba(0, 20, 255, 0.9) !important; background-gradient-direction: horizontal; } .quick-toggle, .quick-toggle:hover, .quick-toggle:checked { border: none; } .quick-toggle > StBoxLayout { spacing: 6px; } .quick-toggle.button { padding: 0; } .quick-toggle > StBoxLayout { padding: 0 12px; } .quick-toggle:ltr > StBoxLayout { padding-left: 15px; } .quick-toggle:rtl > StBoxLayout { padding-right: 15px; } .quick-toggle .quick-toggle-label { font-weight: bold; } .quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; } .quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; } .quick-menu-toggle .quick-toggle { min-width: auto; max-width: auto; } .quick-menu-toggle .quick-toggle:ltr { border-radius: 99px 0 0 99px; } .quick-menu-toggle .quick-toggle:rtl { border-radius: 0 99px 99px 0; } .quick-menu-toggle .quick-toggle:ltr:last-child { border-radius: 99px; } .quick-menu-toggle .quick-toggle:rtl:last-child { border-radius: 99px; } .quick-menu-toggle .quick-toggle-arrow { background-color: #202127; padding: 6px 10.5px; border-width: 0; color: #F4F5F6; } .quick-menu-toggle .quick-toggle-arrow:checked { background-color: #0014ff; color: #f7f7f7; border-width: 0; } .quick-menu-toggle .quick-toggle-arrow:checked:hover { background-color: rgba(0, 20, 255, 0.9); } .quick-menu-toggle .quick-toggle-arrow:hover { background-color: #25262d; } .quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 99px 99px 0; } .quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 99px 0 0 99px; } .quick-toggle-menu { background-color: #19191e !important; border-radius: 12px; padding: 12px; margin: 12px 18px 0; color: #F4F5F6; } .quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; } .quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; } .quick-toggle-menu .header .icon { border-radius: 999px; padding: 9px; background-color: #27272f; } .quick-toggle-menu .header .icon.active { background-color: #0072ff; color: #f7f7f7; } .quick-settings-system-item > StBoxLayout { spacing: 12px; } .quick-settings-system-item .icon-button { border-radius: 50px; } .quick-slider .icon-button:hover { background-color: #292a32; color: #f7f7f7; border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .screenshot-ui-close-button { background-gradient-start: #00c6ff !important; background-gradient-end: #0072ff !important; background-gradient-direction: horizontal; } .screenshot-ui-close-button:hover, .screenshot-ui-close-button:active { background: #d7123a !important; } .screenshot-ui-window-selector { background-color: #101013; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #0050b3; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #0072ff; background-color: rgba(0, 114, 255, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #101013; background-color: #0072ff; } .openweather-current-summarybox, .openweather-forecast-icon, .openweather-current-databox-captions, .openweather-current-databox-values, .openweather-current-icon, .openweather-forecast-summary, .openweather-forecast-temperature { background: transparent; } .openweather-current-databox-captions, .openweather-forecast-day { color: #0072ff; } /*# sourceMappingURL=gnome-shell.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/chrome.rc ================================================ # ============================================================================== # CHROME/-UIM SPECIFIC SETTINGS # ============================================================================== # Chromium lets us define some colours and settings for better integration style "chrome-gtk-frame" { ChromeGtkFrame::frame-color = @wm_color ChromeGtkFrame::inactive-frame-color = @unfocused_wm_color ChromeGtkFrame::frame-gradient-size = 16 ChromeGtkFrame::frame-gradient-color = shade(1.07, @wm_color) ChromeGtkFrame::incognito-frame-color = shade(0.85, @wm_color) ChromeGtkFrame::incognito-inactive-frame-color = @wm_color ChromeGtkFrame::incognito-frame-gradient-color = @wm_color ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @wm_color) ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @wm_color) ChromeGtkFrame::scrollbar-slider-normal-color = @wm_color } class "ChromeGtkFrame" style "chrome-gtk-frame" # Chromium uses base as the fill colour of its own entries # This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg # That results in Chromium using it for the fill, so we need to handle that style "chrome_entry" { base[NORMAL] = @base_color base[INSENSITIVE] = @base_color } widget_class "*Chrom*" style "chrome_entry" # Chrome Menu item background style "chrome_menu_item" { bg[SELECTED] = @wm_color } widget_class "***" style "chrome_menu_item" # Chrome buttons widget_class "*Chrom*Button*" style "button" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/gimp.rc ================================================ # ============================================================================== # GIMP SPECIFIC SETTINGS # ============================================================================== # TODO: This could really look nicer style "gimp_spin_scale" { # Spin background bg[NORMAL] = @base_color engine "pixmap" { image { function = BOX state = NORMAL detail = "spinbutton_up" overlay_file = "assets/spin-up.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_up" overlay_file = "assets/spin-up.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_up" overlay_file = "assets/spin-up.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE } image { function = BOX state = NORMAL detail = "spinbutton_down" overlay_file = "assets/spin-down.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_down" overlay_file = "assets/spin-down.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_down" overlay_file = "assets/spin-down.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE } } } # Disable spin button assets for GimpSpinScale class "GimpSpinScale" style "gimp_spin_scale" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/libreoffice.rc ================================================ # ============================================================================== # OPEN/LIBREOFFICE SPECIFIC SETTINGS # ============================================================================== style "ooo_stepper_hack" { GtkScrollbar::stepper-size = 13 GtkScrollbar::has-backward-stepper = 1 GtkScrollbar::has-forward-stepper = 1 } widget "*openoffice-toplevel*" style "ooo_stepper_hack" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/terminal.rc ================================================ # ============================================================================== # GNOME TERMINAL SPECIFIC SETTINGS # ============================================================================== style "terminal_window" = "dark" { } style "terminal_menubar" { engine "murrine" { } } style "terminal_notebook" = "dark" { fg[ACTIVE] = mix (0.8, "#DADBDB", "#DADBDB") engine "murrine" { } } style "terminal_scrollbar" = "scrollbar" { bg[NORMAL] = "#263238" bg[PRELIGHT] = shade(1.08, "#263238") bg[ACTIVE] = shade(0.94, "#263238") bg[SELECTED] = shade(1.0, @selected_bg_color) bg[INSENSITIVE] = "#263238" engine "murrine" { } } style "terminal_screen" { text[NORMAL] = "#DADBDB" base[NORMAL] = "#384952" TerminalScreen::background-darkness = 0.95 } widget "*TerminalWindow*" style "terminal_window" #widget "*TerminalWindow.*.*enu?ar" style "terminal_menubar" widget "*TerminalWindow.*.GtkNotebook*" style "terminal_notebook" widget "*TerminalWindow.*.GtkNotebook.*.GtkVScrollbar*" style "terminal_scrollbar" #widget "*TerminalWindow.*.GtkNotebook*utton*" style "terminal_button" widget "*TerminalWindow.*.TerminalScreen*" style "terminal_screen" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/thunar.rc ================================================ # ============================================================================== # THUNAR SPECIFIC SETTINGS # ============================================================================== style "sidepane" { GtkTreeView::odd_row_color = @sidebar_bg GtkTreeView::even_row_color = @sidebar_bg base[NORMAL] = @bg_color base[INSENSITIVE] = mix(0.4, shade(1.35, @selected_bg_color), shade(0.9, @base_color)) bg[NORMAL] = @bg_color text[NORMAL] = mix(0.9, @sidebar_fg, @sidebar_fg) } style "thunar-frame" { xthickness = 0 ythickness = 0 } style "thunar-handle" { GtkPaned::handle-size = 2 } widget_class "*ThunarWindow*." style "thunar-frame" widget_class "*ThunarWindow*." style "thunar-handle" widget_class "*ThunarShortcutsView*" style "sidepane" widget_class "*ThunarTreeView*" style "sidepane" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/apps/xfce.rc ================================================ style "theme-panel" = "dark" { xthickness = 1 ythickness = 1 bg[NORMAL] = @panel_bg_color fg[NORMAL] = @panel_fg_color } style "xfdesktop-icon-view" { XfdesktopIconView::label-alpha = 0 XfdesktopIconView::selected-label-alpha = 80 XfdesktopIconView::shadow-x-offset = 0 XfdesktopIconView::shadow-y-offset = 0 XfdesktopIconView::selected-shadow-x-offset = 0 XfdesktopIconView::selected-shadow-y-offset = 0 XfdesktopIconView::shadow-color = @tooltip_bg_color XfdesktopIconView::selected-shadow-color = @tooltip_bg_color XfdesktopIconView::cell-spacing = 2 XfdesktopIconView::cell-padding = 6 XfdesktopIconView::cell-text-width-proportion = 1.9 fg[NORMAL] = shade (0.9, @selected_fg_color) fg[ACTIVE] = @selected_fg_color } style "theme-panel-text" = "dark" { } style "panel-entry" = "dark" { } style "theme-main-menu-text" = "theme-panel-text" { fg[PRELIGHT] = "#ffffff" text[PRELIGHT] = "#ffffff" } style "workspace-switcher" = "dark" { bg[SELECTED] = shade (0.8, @selected_bg_color) } style "window-buttons" = "dark" { } style "indicator" = "theme-panel" { xthickness = 0 ythickness = 0 } widget "*PanelWidget*" style "theme-panel" widget "*PanelApplet*" style "theme-panel" widget "*fast-user-switch*" style "theme-panel" widget "*CPUFreq*Applet*" style "theme-panel" class "PanelApp*" style "theme-panel" class "PanelToplevel*" style "theme-panel" widget_class "*PanelToplevel*" style "theme-panel" widget_class "*notif*" style "theme-panel" widget_class "*Notif*" style "theme-panel" widget_class "*Tray*" style "theme-panel" widget_class "*tray*" style "theme-panel" widget_class "*computertemp*" style "theme-panel" widget_class "*Applet*Tomboy*" style "theme-panel" widget_class "*Applet*Netstatus*" style "theme-panel" # Fixes for tooltip text in some apps. widget_class "*Notif*Beagle*" style "theme-panel" widget_class "*Notif*Brasero*" style "theme-panel" # XFCE panel theming. widget "*Xfce*Panel*" style "theme-panel" class "*Xfce*Panel*" style "theme-panel" widget "*WnckPager*" style "workspace-switcher" widget "*XfdesktopIconView*" style "xfdesktop-icon-view" # Fix gtk-entries in the panel class "*SexyIconEntry*" style:highest "entry" # fixes dict-plugin widget "*xfce4-verve-plugin*GtkEntry" style:highest "entry" # fixes verve-plugin # Make sure panel text color doesn't change widget_class "*Panel*MenuBar*" style "theme-main-menu-text" widget_class "*Panel**" style "theme-main-menu-text" widget "*.clock-applet-button.*" style "theme-panel-text" widget "*PanelApplet*" style "theme-panel-text" # Override general panel-style with specific plugin-styles widget "*indicator-applet*" style "indicator" widget "*indicator-button*" style "indicator" #widget "*XfceTasklist*" style "dark_button" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/gtkrc ================================================ # Text/base colors gtk-color-scheme = "text_color:#F4F5F6\nbase_color:#1b1c21" # Foreground/background colors gtk-color-scheme = "fg_color:#F4F5F6\nbg_color:#101013" # Selection colors gtk-color-scheme = "selected_fg_color:#fefefe\nselected_bg_color:#0072ff" # Tooltip colors gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" # Window colors gtk-color-scheme = "wm_color:#31363d\nunfocused_wm_color:#31363d" # Panel colors gtk-color-scheme = "panel_bg_color:#1b1c21\npanel_fg_color:#ffffff" # Dark Theme - Text/base colors gtk-color-scheme = "dark_text_color:#F4F5F6\ndark_base_color:#1b1c21" # Dark Theme - Foreground/background colors gtk-color-scheme = "dark_fg_color:#F4F5F6\ndark_bg_color:#0c0e14" gtk-color-scheme = "sidebar_bg:#101013" gtk-color-scheme = "sidebar_fg:#98abb2" gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 include "main.rc" # App stylings include "apps/chrome.rc" include "apps/gimp.rc" include "apps/libreoffice.rc" include "apps/terminal.rc" include "apps/thunar.rc" include "apps/xfce.rc" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-2.0/main.rc ================================================ style "default" { xthickness = 1 ythickness = 1 #################### # Style Properties # #################### GtkWidget::focus-line-width = 1 GtkWidget::focus-line-pattern = "\2\1" GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 3 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkWidget::link-color = shade(0.9, @selected_bg_color) GtkWidget::visited-link-color = shade(0.8, @selected_bg_color) GnomeHRef::link_color = shade(0.9, @selected_bg_color) GtkHTML::link-color = shade(0.9, @selected_bg_color) GtkHTML::vlink-color = shade(0.8, @selected_bg_color) GtkIMHtml::hyperlink-color = shade(0.9, @selected_bg_color) GtkIMHtml::hyperlink-visited-color = shade(0.8, @selected_bg_color) GtkSeparatorMenuItem::horizontal-padding = 0 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = {0, 0, 0, 0} GtkButton::default-outside-border = {0, 0, 0, 0} GtkButton::inner-border = {4, 4, 4, 4} GtkEntry::state-hint = 1 GtkEntry::inner-border = {7, 7, 4, 5} GtkPaned::handle-size = 9 GtkHPaned::handle-size = 9 GtkVPaned::handle-size = 9 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkRange::activate-slider = 1 GtkScrollbar::activate-slider = 1 GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 26 GtkScale::slider_width = 26 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 6 GtkProgressBar::min-vertical-bar-width = 6 # Making this bigger than the min[height,width]-2*[y,x]spacing makes the # whole progressbar thicker, so by setting it to the exact above value # we get the maximum spacing between the text and the edges without # doing so. GtkProgressBar::xspacing = 4 GtkProgressBar::yspacing = 4 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE # TODO: find out what this comment means: # ( every window is misaligned for the sake of menus ): GtkMenuBar::internal-padding = 0 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 2 GtkMenu::double-arrows = 0 GtkMenuItem::arrow-scaling = 1 GtkMenuItem::toggle-spacing = 10 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} GtkTreeView::expander-size = 16 GtkTreeView::vertical-separator = 0 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 1 # Set this because some apps read it GtkTreeView::odd-row-color = @base_color GtkTreeView::even-row-color = @base_color GtkTreeView::odd_row_color = shade(0.90, @base_color) GtkExpander::expander-size = 16 GtkNotebook::tab-overlap = 4 ########## # Colors # ########## bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = darker (@bg_color) text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) base[ACTIVE] = @selected_bg_color # For succinctness, all reasonable pixmap options remain here # Draw frame around menu in a non-compositied environment # This needs to go before pixmap because we need to override some stuff engine "adwaita" {} engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-active.png" overlay_stretch = FALSE } image { function = CHECK state = SELECTED shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = ETCHED_IN overlay_file = "assets/radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/radio-mixed-insensitive.png" overlay_stretch = FALSE } ########## # Arrows # ########## # Overrides # Disable arrows in spinbuttons image { function = ARROW detail = "spinbutton" } # Disable arrows for qt in scrollbars image { function = ARROW detail = "vscrollbar" } image { function = ARROW detail = "hscrollbar" } # Menu arrows image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-left-hover.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL detail = "menuitem" overlay_file = "assets/menu-pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT detail = "menuitem" overlay_file = "assets/menu-pan-right-hover.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menuitem" overlay_file = "assets/menu-pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_up" overlay_file = "assets/menu-pan-up.png" overlay_stretch = FALSE } image { function = ARROW state = INSENSITIVE detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down-insensitive.png" overlay_stretch = FALSE } image { function = ARROW detail = "menu_scroll_arrow_down" overlay_file = "assets/menu-pan-down.png" overlay_stretch = FALSE } # Regular arrows image { function = ARROW state = NORMAL overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-up-insensitive.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-left.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-left-insensitive.png" overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/pan-right.png" overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/pan-right-insensitive.png" overlay_stretch = FALSE arrow_direction = RIGHT } ###################### # Option Menu Arrows # ###################### image { function = TAB state = NORMAL overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = ACTIVE overlay_file = "assets/pan-down.png" overlay_stretch = FALSE } image { function = TAB state = INSENSITIVE overlay_file = "assets/pan-down-insensitive.png" overlay_stretch = FALSE } ######### # Lines # ######### image { function = VLINE file = "assets/line.png" border = {1, 0, 0, 0} } image { function = HLINE file = "assets/line.png" border = {0, 0, 1, 0} } ######### # Focus # ######### image { function = FOCUS file = "assets/focus.png" border = {1, 1, 1, 1} stretch = TRUE } ########### # Handles # ########### image { function = HANDLE detail = "handlebox" overlay_file = "assets/handle.png" overlay_stretch = FALSE } image { function = HANDLE file = "assets/handle-horz.png" border = {0, 0, 4, 4} orientation = HORIZONTAL } image { function = HANDLE file = "assets/handle-vert.png" border = {4, 4, 0, 0} orientation = VERTICAL } image { function = RESIZE_GRIP } ############# # Expanders # ############# image { function = EXPANDER expander_style = EXPANDED file = "assets/pan-down.png" } # LTR image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-right.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-right-semi.png" direction = LTR } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-right-semi.png" direction = LTR } # RTL image { function = EXPANDER expander_style = COLLAPSED file = "assets/pan-left.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/pan-left-semi.png" direction = RTL } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/pan-left-semi.png" direction = RTL } ############# # Notebooks # ############# # Left image { function = EXTENSION state = NORMAL file = "assets/tab-left-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-left.png" border = { 3,3,3,3 } stretch = TRUE gap_side = RIGHT } # Right image { function = EXTENSION state = NORMAL file = "assets/tab-right-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-right.png" border = { 3,3,3,3 } stretch = TRUE gap_side = LEFT } # Up image { function = EXTENSION state = NORMAL file = "assets/tab-up-active.png" border = { 3,3,5,3 } stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-up.png" border = { 3,3,3,3 } stretch = TRUE gap_side = BOTTOM } # Down image { function = EXTENSION state = NORMAL file = "assets/tab-down-active.png" border = { 3,3,3,5 } stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-down.png" border = { 3,3,3,3 } stretch = TRUE gap_side = TOP } # Inner frame image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {1, 0, 1, 1} gap_side = LEFT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-vert-gap.png" gap_border = {0, 1, 1, 1} gap_side = RIGHT } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 1, 0} gap_side = TOP } image { function = BOX_GAP detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE gap_file = "assets/tab-horz-gap.png" gap_border = {1, 1, 0, 1} gap_side = BOTTOM } # Standalone frame image { function = BOX detail = "notebook" file = "assets/frame-notebook.png" border = {1, 1, 1, 1} stretch = TRUE } ############## # Scrollbars # ############## image { function = BOX detail = "trough" file = "assets/scrollbar-horz-trough.png" border = {0, 0, 1, 0} orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough.png" border = {1, 0, 0, 0} orientation = VERTICAL direction = LTR } image { function = BOX detail = "trough" file = "assets/scrollbar-vert-trough-rtl.png" border = {0, 1, 0, 0} orientation = VERTICAL direction = RTL } # Disable insensitive sliders image { function = SLIDER state = INSENSITIVE detail = "slider" } # Horizontal sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-horz-slider.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-horz-slider-hover.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-horz-slider-active.png" border = {6, 6, 7, 6 } stretch = TRUE orientation = HORIZONTAL } # Vertical sliders image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active.png" border = {7, 6, 6, 6} stretch = TRUE orientation = VERTICAL direction = LTR } # RTL image { function = SLIDER state = NORMAL detail = "slider" file = "assets/scrollbar-vert-slider-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = PRELIGHT detail = "slider" file = "assets/scrollbar-vert-slider-hover-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } image { function = SLIDER state = ACTIVE detail = "slider" file = "assets/scrollbar-vert-slider-active-rtl.png" border = {6, 7, 6, 6} stretch = TRUE orientation = VERTICAL direction = RTL } ########## # Scales # ########## # Troughs # They are overrided later on # We set them here too because some widgets don't specify their orientation image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE orientation = VERTICAL } # Sliders image { function = SLIDER state = NORMAL detail = "hscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "hscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "hscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "hscale" file = "assets/scale-slider-insensitive.png" } image { function = SLIDER state = NORMAL detail = "vscale" file = "assets/scale-slider.png" } image { function = SLIDER state = PRELIGHT detail = "vscale" file = "assets/scale-slider-hover.png" } image { function = SLIDER state = ACTIVE detail = "vscale" file = "assets/scale-slider-active.png" } image { function = SLIDER state = INSENSITIVE detail = "vscale" file = "assets/scale-slider-insensitive.png" } ########### # Menubar # ########### image { function = BOX detail = "menubar" file = "assets/line.png" border = {0, 0, 0, 1} } ######### # Menus # ######### image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_up" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_up" file = "assets/line.png" border = {0, 0, 0, 1} } image { function = BOX state = PRELIGHT detail = "menu_scroll_arrow_down" file = "assets/line.png" } image { function = BOX detail = "menu_scroll_arrow_down" file = "assets/line.png" border = {0, 0, 1, 0} } ########### # Entries # ########### image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-insensitive.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } ######### # Spins # ######### # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-ltr-up.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-ltr-up-hover.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-active.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-ltr-up-insensitive.png" border = {1, 4, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/spin-rtl-up.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-hover.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/spin-rtl-up-insensitive.png" border = {4, 1, 4, 0} stretch = TRUE overlay_file = "assets/spin-up-insensitive.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-ltr-down.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-ltr-down-hover.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-active.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-ltr-down-insensitive.png" border = {1, 4, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/spin-rtl-down.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/spin-rtl-down-hover.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-active.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/spin-rtl-down-insensitive.png" border = {4, 1, 1, 4} stretch = TRUE overlay_file = "assets/spin-down-insensitive.png" overlay_stretch = FALSE direction = RTL } ############## # Scrollbars # ############## image { function = BOX detail = "bar" file = "assets/progressbar-horz.png" stretch = TRUE border = {2, 2, 1, 1} orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar-vert.png" stretch = TRUE border = {1, 1, 2, 2} orientation = VERTICAL } ############# # Treeviews # ############# # Disable active the column highlight # We need to match specific cells or we break stuff # Looking at you deadbeef image { function = FLAT_BOX detail = "cell_even_sorted" state = NORMAL } image { function = FLAT_BOX detail = "cell_odd_sorted" state = NORMAL } # Disable all the other shadows # This prevents the Raleigh effect image { function = SHADOW } } } style "menubar" { # Needed to fix Firefox's menubar text bg[NORMAL] = @dark_bg_color text[NORMAL] = @dark_fg_color fg[NORMAL] = @dark_fg_color fg[PRELIGHT] = @dark_fg_color bg[SELECTED] = @dark_bg_color fg[SELECTED] = shade(0.9, @dark_fg_color) } style "menubar_item" { xthickness = 3 ythickness = 4 fg[NORMAL] = @dark_fg_color fg[PRELIGHT] = @dark_fg_color text[NORMAL] = @dark_fg_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menubar-item-active.png" border = {0, 0, 0, 3} } } } style "menu" { xthickness = 0 ythickness = 0 bg[NORMAL] = @base_color bg[INSENSITIVE] = @base_color bg[PRELIGHT] = @base_color bg[SELECTED] = @selected_bg_color } style "menu_item" { xthickness = 3 ythickness = 4 bg[PRELIGHT] = @selected_bg_color # Chromium uses this setting bg[SELECTED] = @selected_bg_color fg[PRELIGHT] = @selected_fg_color # Some widgets use text, we need to handle that text[NORMAL] = @fg_color text[PRELIGHT] = @selected_fg_color # Unfortunately we can't tell regular and menu checks/radios apart # Without the heirarchy engine "pixmap" { ################# # Check Buttons # ################# image { function = CHECK state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-hover.png" overlay_stretch = FALSE } image { function = CHECK state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed.png" overlay_stretch = FALSE } image { function = CHECK state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-checkbox-mixed-insensitive.png" overlay_stretch = FALSE } ################# # Radio Buttons # ################# image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = ETCHED_IN overlay_file = "assets/menu-radio-mixed-insensitive.png" overlay_stretch = FALSE } } } style "separator_menu_item" { xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "button_label" { fg[PRELIGHT] = @selected_fg_color fg[ACTIVE] = @selected_fg_color } style "misc_button_label" { fg[PRELIGHT] = @fg_color fg[ACTIVE] = @fg_color } style "button" { xthickness = 2 ythickness = 2 fg[PRELIGHT] = @selected_fg_color fg[ACTIVE] = @selected_fg_color font_name = "Bold" # For the sake of sanity style buttons this way engine "pixmap" { ########### # Buttons # ########### image { function = BOX state = NORMAL file = "assets/button.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = PRELIGHT shadow = OUT file = "assets/button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "link_button" { # Disable the button effect, leave just the link engine "pixmap" { image { function = BOX } } } style "entry" { # We set this same as the border of the border of the entry # This way theres no overlap xthickness = 4 ythickness = 4 } style "combobox" { xthickness = 6 ythickness = 4 # This affects only the button beside an entry GtkButton::inner-border = {0, 0, 0, 0} } style "combobox_cellview" { text[NORMAL] = @fg_color text[PRELIGHT] = @fg_color } style "combobox_entry" { # Since one side of the button is missing, we need to shift the arrow a little to the right GtkButton::inner-border = {0, 1, 0, 0} engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } ############## # LTR button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-ltr-button.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-ltr-button-hover.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-ltr-button-active.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-ltr-button-insensitive.png" border = {0, 4, 4, 4} stretch = TRUE direction = LTR } ############## # RTL button # ############## image { function = BOX state = NORMAL detail = "button" file = "assets/combo-entry-rtl-button.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT detail = "button" file = "assets/combo-entry-rtl-button-hover.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE detail = "button" file = "assets/combo-entry-rtl-button-active.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE detail = "button" file = "assets/combo-entry-rtl-button-insensitive.png" border = {4, 0, 4, 4} stretch = TRUE direction = RTL } } } style "combo_button_padding" { # Since one side of the button is missing, we need to shift the arrow a little to the right # This is the same thing we've done above but the combo, unlike the combobox, # uses padding the same way as a button GtkButton::inner-border = {6, 8, 4, 4} } style "notebook" { xthickness = 5 ythickness = 2 } style "notebook_viewport" { bg[NORMAL] = @base_color } style "notebook_bg" { bg[NORMAL] = @base_color bg[PRELIGHT] = @base_color bg[INSENSITIVE] = @base_color } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/notebook-entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "normal_bg" { bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) } style "normal_entry" { engine "pixmap" { image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = SHADOW detail = "entry" file = "assets/entry.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "notebook_combo" { engine "pixmap" { ############# # LTR entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-ltr-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = LTR } ############# # RTL entry # ############# image { function = SHADOW state = NORMAL detail = "entry" file = "assets/notebook-combo-entry-rtl-entry.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-active.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" border = {4, 4, 4, 4} stretch = TRUE direction = RTL } } } style "textview" { bg[NORMAL] = @base_color } style "scale_horz" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-horz-trough.png" border = {10, 10, 0, 0} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-horz-trough-active.png" border = {10, 10, 0, 0} stretch = TRUE } } } style "scale_vert" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/scale-vert-trough.png" border = {0, 0, 10, 10} stretch = TRUE } image { function = BOX detail = "trough-lower" file = "assets/scale-vert-trough-active.png" border = {0, 0, 10, 10} stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/progressbar-horz-trough.png" border = {3, 3, 2, 2} stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/progressbar-vert-trough.png" border = {2, 2, 3, 3} stretch = TRUE orientation = VERTICAL } } } style "treeview_header" { xthickness = 1 ythickness = 0 fg[NORMAL] = mix(0.5, @fg_color, @base_color) fg[PRELIGHT] = mix(0.5, mix(0.5, @fg_color, @base_color), @fg_color) font_name = "Bold" GtkButton::inner-border = {5, 5, 0, 1} engine "pixmap" { image { function = BOX file = "assets/treeview-separator-ltr.png" border = {0, 1, 0, 1} stretch = TRUE direction = LTR } image { function = BOX file = "assets/treeview-separator-rtl.png" border = {1, 0, 0, 1} stretch = TRUE direction = RTL } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-up.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-up-hover.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-up-active.png" overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/treeview-pan-down.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/treeview-pan-down-hover.png" overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/treeview-pan-down-active.png" overlay_stretch = FALSE arrow_direction = DOWN } } } style "scrolled_window" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {1, 1, 1, 1} stretch = TRUE } } } style "frame" { engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = {0, 0, 0, 0} stretch = TRUE } image { function = SHADOW_GAP file = "assets/frame.png" border = {0, 0, 0, 0} stretch = TRUE gap_start_file = "assets/border.png" gap_end_file = "assets/border.png" } } } style "toolbar_button" { xthickness = 2 ythickness = 2 GtkButton::inner-border = {2, 2, 2, 2} engine "pixmap" { image { function = BOX state = PRELIGHT shadow = OUT file = "assets/toolbar-button-hover.png" border = {4, 4, 4, 4} stretch = TRUE } # Don't add hover effect on pressed buttons image { function = BOX state = PRELIGHT shadow = IN file = "assets/toolbar-button-active.png" border = {4, 4, 4, 4} stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/toolbar-button-active.png" border = {4, 4, 4, 4} stretch = TRUE } } } style "toolbar_separator" { GtkWidget::wide-separators = 1 GtkWidget::separator-width = 1 GtkWidget::separator-height = 1 engine "pixmap" { image { function = BOX file = "assets/line.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = SHADOW file = "assets/frame-inline.png" border = {1, 1, 0, 1} stretch = TRUE } } } style "tooltip" { xthickness = 13 ythickness = 13 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "disable_shadow" { engine "pixmap" { image { function = SHADOW } } } style "disable_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } # Text Style style "text" = "default" { engine "murrine" { textstyle = 0 } } style "menu_text" = "menu_item" { engine "murrine" { textstyle = 0 } } # Default style, containing most of the stuff class "GtkWidget" style "default" # Override padding, style and colour class "GtkButton" style "button" class "GtkLinkButton" style "link_button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkNotebook" style "notebook" class "GtkHScale" style "scale_horz" class "GtkVScale" style "scale_vert" class "GtkProgressBar" style "progressbar" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkSeparatorToolItem" style "toolbar_separator" class "GtkMenuBar" style "menubar" class "GtkMenu" style "menu" class "GtkTextView" style "textview" widget_class "**" style "button_label" widget_class "**" style "misc_button_label" # Menu and menubar items widget_class "**" style "menu_item" widget_class "*.*" style "menubar_item" widget_class "**" style "separator_menu_item" # Frames in statusbars look ugly, let's disable them widget_class "**" style "disable_shadow" # Disable the frame around poor Wilbert too widget_class "**" style "disable_shadow" # Treeview buttons widget_class "***" style "treeview_header" # Give the file chooser toolbar a border widget_class "**" style "inline_toolbar" # Fix padding on regular comboboxes widget_class "*." style "combobox" # And disable separators on them widget_class "*.*" style "disable_separator" # Join together the ComboBoxEntry entry and button widget_class "**" style "combobox_entry" # Join the Combo entry and button widget_class "**" style "combobox_entry" # Tweak the padding on the button a little bit because it uses it a bit differently widget_class "*." style "combo_button_padding" # Alas we cannot do the same for ComboBoxText because there isn't a way to apply the style to only # the comboboxes that have an entry inside # Toolbar buttons have different paddings widget_class "**" style "toolbar_button" # Notebooks are white, act accordingly widget_class "**" style "notebook_entry" widget_class "**" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "***" style "notebook_bg" widget_class "**" style "notebook_bg" widget_class "*.*" style "notebook_bg" widget_class "***" style "notebook_combo" widget_class "***" style "notebook_combo" # However, stuff inside eventboxes inside notebooks is grey again, react widget_class "***" style "normal_entry" widget_class "***" style "normal_bg" widget_class "***" style "normal_bg" widget_class "****" style "combobox_entry" widget_class "****" style "combobox_entry" widget_class "***." style "combo_button_padding" # ComboBoxes tend to draw the button label with text[] instead of fg[], we need to fix that widget_class "**" style "combobox_cellview" # GTK tooltips widget "gtk-tooltip*" style "tooltip" # Fixes ugly text shadows for insensitive text widget_class "*" style "text" widget_class "**" style "menu_text" widget_class "**" style "text" widget_class "**" style "text" widget_class "**" style "text" ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-3.0/gtk-dark.css ================================================ /*$selected_bg_color: #00e8c6;06d6a0*/ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #F4F5F6; /* text color for entries, views and content in general */ @define-color theme_text_color #F4F5F6; /* widget base background color */ @define-color theme_bg_color #101013; /* text widgets and the like base background color */ @define-color theme_base_color #191a1f; /* base background color of selections */ @define-color theme_selected_bg_color #0072ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #fefefe; /* base background color of disabled widgets */ @define-color insensitive_bg_color #141418; /* text foreground color of disabled widgets */ @define-color insensitive_fg_color #828385; /* disabled text widgets and the like base background color */ @define-color insensitive_base_color #191a1f; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #828385; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #F4F5F6; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #101013; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #1b1c21; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #0072ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #fefefe; /* widgets main borders color */ @define-color borders black; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #020202; /* these are pretty self explicative */ @define-color warning_color #cc5500; @define-color error_color #e6133e; @define-color success_color #0096b1; @define-color fg_color #F4F5F6; @define-color text_color #F4F5F6; @define-color bg_color #101013; @define-color base_color #191a1f; @define-color selected_bg_color #0072ff; @define-color selected_fg_color #fefefe; @define-color unfocused_fg_color #828385; @define-color unfocused_text_color #F4F5F6; @define-color unfocused_bg_color #101013; @define-color unfocused_base_color #1b1c21; @define-color unfocused_selected_bg_color #0072ff; @define-color unfocused_selected_fg_color #fefefe; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#F4F5F6, 1.8); @define-color wm_unfocused_title #828385; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#101013, 1.2); @define-color wm_bg_b #101013; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#101013, 1.3); @define-color wm_button_hover_color_b #101013; @define-color wm_button_active_color_a shade(#101013, 0.85); @define-color wm_button_active_color_b shade(#101013, 0.89); @define-color wm_button_active_color_c shade(#101013, 0.9); @define-color content_view_bg #191a1f; @define-color text_view_bg #191a1f; @define-color budgie_tasklist_indicator_color #0072ff; @define-color budgie_tasklist_indicator_color_active #0072ff; @define-color placeholder_text_color #c9cacb; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @define-color STRAWBERRY_700 #a10705; @define-color STRAWBERRY_900 #7a0000; @define-color ORANGE_100 #ffc27d; @define-color ORANGE_300 #ffa154; @define-color ORANGE_500 #f37329; @define-color ORANGE_700 #cc3b02; @define-color ORANGE_900 #a62100; @define-color BANANA_100 #fff394; @define-color BANANA_300 #ffe16b; @define-color BANANA_500 #f9c440; @define-color BANANA_700 #d48e15; @define-color BANANA_900 #ad5f00; @define-color LIME_100 #d1ff82; @define-color LIME_300 #9bdb4d; @define-color LIME_500 #68b723; @define-color LIME_700 #3a9104; @define-color LIME_900 #206b00; @define-color MINT_100 #89ffdd; @define-color MINT_300 #43d6b5; @define-color MINT_500 #28bca3; @define-color MINT_700 #0e9a83; @define-color MINT_900 #007367; @define-color BLUEBERRY_100 #8cd5ff; @define-color BLUEBERRY_300 #64baff; @define-color BLUEBERRY_500 #3689e6; @define-color BLUEBERRY_700 #0d52bf; @define-color BLUEBERRY_900 #002e99; @define-color BUBBLEGUM_100 #fe9ab8; @define-color BUBBLEGUM_300 #f4679d; @define-color BUBBLEGUM_500 #de3e80; @define-color BUBBLEGUM_700 #bc245d; @define-color BUBBLEGUM_900 #910e38; @define-color GRAPE_100 #e4c6fa; @define-color GRAPE_300 #cd9ef7; @define-color GRAPE_500 #a56de2; @define-color GRAPE_700 #7239b3; @define-color GRAPE_900 #452981; @define-color COCOA_100 #a3907c; @define-color COCOA_300 #8a715e; @define-color COCOA_500 #715344; @define-color COCOA_700 #57392d; @define-color COCOA_900 #3d211b; @define-color SILVER_100 #fafafa; @define-color SILVER_300 #d4d4d4; @define-color SILVER_500 #abacae; @define-color SILVER_700 #7e8087; @define-color SILVER_900 #555761; @define-color SLATE_100 #95a3ab; @define-color SLATE_300 #667885; @define-color SLATE_500 #485a6c; @define-color SLATE_700 #273445; @define-color SLATE_900 #0e141f; @define-color BLACK_100 #666; @define-color BLACK_300 #4d4d4d; @define-color BLACK_500 #333; @define-color BLACK_700 #1a1a1a; @define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ /********* * Common * *********/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e6133e; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: rgba(244, 245, 246, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #0072ff; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar { background-color: black; border: solid black; border-width: 1px 0 0 0; color: #F4F5F6; box-shadow: none; } .action-bar:backdrop { background-color: black; box-shadow: none; -gtk-icon-effect: dim; } .action-bar:first-child { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } .action-bar:last-child { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(7, 7, 8, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /*************** * Base States * ***************/ .background { color: #F4F5F6; background-color: #101013; } .background:backdrop { color: #828385; background-color: #101013; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ selection { background-color: #0072ff; color: #fefefe; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #F4F5F6; background-color: #101013; } .gtkstyle-fallback:hover { color: #F4F5F6; background-color: #27272f; } .gtkstyle-fallback:active { color: #F4F5F6; background-color: black; } .gtkstyle-fallback:disabled { color: #828385; background-color: #141418; } .gtkstyle-fallback:selected { color: #fefefe; background-color: #0072ff; } .view, iconview, .view text, iconview text, textview text { color: #F4F5F6; background-color: #191a1f; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #c9cacb; background-color: #1b1c21; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #151519; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { border: 1px solid #005bcc; background-color: rgba(0, 91, 204, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } label { caret-color: currentColor; } label.separator { color: #F4F5F6; } label.separator:backdrop { color: #828385; } label selection { background-color: #0072ff; color: #fefefe; } label:disabled { color: #828385; } label:disabled:backdrop { color: #33333d; } label:backdrop { color: #828385; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3e3e40; } .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { color: #fefefe; border: 1px solid #171e27; background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } *:selected { background: #0072ff; color: #fefefe; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4d9cff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0072ff), to(transparent)); } } notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 2px 6px; border: 1px solid black; border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0067e6; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { background-color: #1f2026; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { background-color: #0072ff; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 2px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #828385; } button.osd { min-width: 24px; min-height: 20px; color: #fefefe; border-radius: 5px; outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 32px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #fe8c00, #f83600); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 17, 56, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(206, 17, 56, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ce1138, #ce1138); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4d9cff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9450980392)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } toolbar button:active { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #fefefe; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #0067e6; } .inline-toolbar toolbutton > button:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(0, 103, 230, 0.3); } .inline-toolbar toolbutton > button:backdrop { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #0067e6; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(0, 103, 230, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid black; border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { border-radius: 3px; border-style: solid; } modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, popover.background radiobutton:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { background-color: #232329; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, popover.background radiobutton radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, modelbutton.flat radio:first-child, popover.background checkbutton radio:first-child, popover.background radiobutton radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { background: none; } modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { background: none; } modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } /************ * Calendar * ***********/ calendar { color: #F4F5F6; border: 1px solid black; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(244, 245, 246, 0.45); } calendar.button:hover { color: #F4F5F6; } calendar.button:backdrop { color: rgba(130, 131, 133, 0.45); } calendar.button:disabled { color: rgba(130, 131, 133, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #F4F5F6; } calendar:backdrop { color: #c9cacb; border-color: #020202; } /************************* * Check and Radio Items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } check:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); -gtk-icon-shadow: none; } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); -gtk-icon-shadow: none; } check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); -gtk-icon-shadow: none; } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } .view.content-view check, iconview.content-view check, .view.content-view.check, iconview.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view radio, iconview.content-view radio, .view.content-view.radio, iconview.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view check:hover, iconview.content-view check:hover, .view.content-view.check:hover, iconview.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:hover, iconview.content-view radio:hover, .view.content-view.radio:hover, iconview.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view check:active, iconview.content-view check:active, .view.content-view.check:active, iconview.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:active, iconview.content-view radio:active, .view.content-view.radio:active, iconview.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, iconview.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, iconview.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, .view.content-view.check:disabled, iconview.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, .view.content-view.radio:disabled, iconview.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, iconview.content-view.check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, iconview.content-view.radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 16px; min-width: 16px; border: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; animation: none; } /***************** * Color Chooser * *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: black; } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } colorswatch.light overlay { color: #F4F5F6; } colorswatch.light overlay:hover { border-color: black; } colorswatch.light overlay:backdrop { color: #c9cacb; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid black; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: black; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } colorswatch#add-color-button overlay:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /*********** * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(16, 16, 19, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; background-color: rgba(16, 16, 19, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { background-color: rgba(16, 16, 19, 0.95); color: #F4F5F6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; background-color: transparent; color: #F4F5F6; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { background-color: rgba(0, 114, 255, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 4px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 4px; } messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { color: white; } filechooser .dialog-action-box { border-top: 1px solid black; } filechooser .dialog-action-box:backdrop { border-top-color: #020202; } filechooser #pathbarbox { border-bottom: 1px solid #101013; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #F4F5F6; border-color: black; background-color: #22232a; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; padding-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { padding-left: 6px; padding-right: 0; } spinbutton:not(.vertical) undershoot.left, entry 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; box-shadow: none; } spinbutton:not(.vertical) undershoot.right, entry 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; box-shadow: none; } spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; padding: 2px; background-image: none; border-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { border-color: #005bcc; } spinbutton:disabled:not(.vertical), entry:disabled { color: #828385; border-color: black; background-color: #141418; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #c9cacb; border-color: #020202; background-color: #1b1c21; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #33333d; border-color: #020202; background-color: #141418; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #F4F5F6; border-color: black; background-color: #22232a; color: #e6133e; border-color: #410512; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-color: #410512; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { background-color: #e6133e; } spinbutton.warning:not(.vertical), entry.warning { color: #F4F5F6; border-color: black; background-color: #22232a; color: #cc5500; border-color: #1a0b00; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-color: #1a0b00; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } spinbutton:not(.vertical) image, entry image { color: #c8c9cb; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #F4F5F6; } spinbutton:not(.vertical) image:active, entry image:active { color: #0072ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #6d6e71; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #0072ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 32, 33, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0072ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #005bcc; } .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #005bcc; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #121216; background-image: linear-gradient(to bottom, #191a1f, #191a1f); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #141418; background-image: linear-gradient(to bottom, #1b1c21, #1b1c21); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #121216; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #005bcc; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #005bcc; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #71f79f; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #191a1f; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #191a1f; } treeview entry.flat:focus, treeview entry:focus { border-color: #0072ff; } /************* * Expanders * *************/ 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"); } /**************** * Floating Bar * ****************/ .floating-bar { background-color: #101013; border-width: 1px; border-style: solid solid none; border-color: black; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } .floating-bar:backdrop { background-color: #101013; border-color: #020202; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid black; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #020202; } actionbar > revealer > box { padding: 6px; border-top: 1px solid black; } actionbar > revealer > box:backdrop { border-color: #020202; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 5% 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; box-shadow: 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; box-shadow: 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; box-shadow: 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; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, black 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #151519; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #020202 1px, transparent 1px); background-color: #09090b; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 8px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #191a1f; background: #191a1f; color: #F4F5F6; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #0072ff; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #191a1f; background-image: none; border: 1px solid #191a1f; color: #F4F5F6; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #191a1f; } GraniteWidgetsWelcome GtkLabel { color: #F4F5F6; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(244, 245, 246, 0.8); } /************** * Source List * ***************/ .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; background-color: #101013; border: solid black; color: #F4F5F6; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: #101013; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: #040405; } .source-list row, .source-list .list-row { border: none; padding: 0; } .source-list row > GtkLabel, .source-list row > label, .source-list .list-row > GtkLabel, .source-list .list-row > label { padding-left: 6px; padding-right: 6px; } /************** * Text Styles * **************/ .h1 { font-size: 24px; } .h2 { font-weight: 300; font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { font-size: 12px; padding: 6px; color: rgba(244, 245, 246, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /************** * Storage Bar * **************/ .storage-bar .trough { border: none; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-image: none; background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { background-color: #f9dc5c; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } .storage-bar .fill-block:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { background-color: #191a1f; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { background-color: #ff6a00; } .storage-bar .fill-block.photo { background-color: #ed254e; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #080809; color: #F4F5F6; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { border-color: #020202; transition: 200ms ease-out; } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar entry, headerbar entry { min-height: 24px; } .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; min-height: 14px; margin-top: 5px; margin-bottom: 5px; box-shadow: none; } .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } .titlebar button.suggested-action, headerbar button.suggested-action { box-shadow: none; border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked, headerbar button.suggested-action:disabled:backdrop:hover, headerbar button.suggested-action:disabled:backdrop:active, headerbar button.suggested-action:disabled:backdrop:checked, headerbar button.suggested-action:backdrop:hover, headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } .titlebar button.appmenu:backdrop, headerbar button.appmenu:backdrop { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, headerbar button:active, headerbar button:checked { background-color: transparent; color: #0072ff; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; border: none; } .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, headerbar button:backdrop:hover, headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; color: #0072ff; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #0072ff; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { color: transparent; box-shadow: none; border: none; background-color: transparent; background-image: none; background-repeat: no-repeat; } .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:backdrop:hover, headerbar button.titlebutton * { color: transparent; box-shadow: none; background-color: transparent; } .titlebar .linked > button, .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, headerbar .titlebar .linked > button, .titlebar headerbar .linked > button, headerbar .linked > button, headerbar .titlebar .linked > button:active, .titlebar headerbar .linked > button:active, headerbar .linked > button:active, headerbar .titlebar .linked > button:checked, .titlebar headerbar .linked > button:checked, headerbar .linked > button:checked, headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, headerbar .titlebar .linked > button:backdrop, .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { border-radius: 23px; border-right-style: none; border: none; box-shadow: none; margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } .titlebar .linked > button:only-child, .titlebar headerbar .linked > button:only-child, headerbar .titlebar .linked > button:only-child, headerbar .linked > button:only-child { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { color: #ffe6e6; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #005bcc; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 114, 255, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } headerbar entry, headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar separator { background: transparent; } headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { margin: 0; padding: 0; border-radius: 0; } headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { margin-left: 7px; } headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { margin-right: 7px; } .background:not(.tiled):not(.maximized) .titlebar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { border-top-left-radius: 4px; border-top-right-radius: 4px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #080809; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, infobar { text-shadow: none; color: #F4F5F6; background-color: #101013; border-bottom: 1px solid black; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .info, .warning, .question, .error { text-shadow: none; color: #fefefe; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #fefefe; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(254, 254, 254, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(25, 26, 31, 0.98); color: #F4F5F6; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { color: #F4F5F6; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #191a1f; color: #F4F5F6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { background: rgba(25, 26, 31, 0.6); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(25, 26, 31, 0.5); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info { background-color: #71f79f; color: #000000; } .info:backdrop { background-color: #a1fac0; color: rgba(254, 254, 254, 0.5); } .warning { background-color: #cc5500; } .warning:backdrop { background-color: #ff6a00; color: rgba(254, 254, 254, 0.5); } .question { background-color: #00c1e4; } .question:backdrop { background-color: #18dcff; color: rgba(254, 254, 254, 0.5); } .error { background-color: #e6133e; } .error:backdrop { background-color: #ef3d61; color: rgba(254, 254, 254, 0.5); } /************* * Level Bar * *************/ levelbar block { min-width: 32px; min-height: 6px; } levelbar.vertical block { min-width: 6px; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { padding: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } levelbar trough:backdrop { background-color: rgba(255, 255, 255, 0.06); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block { border-radius: 2px; } levelbar block:backdrop { box-shadow: none; } levelbar block.low { background-color: #cc5500; } levelbar block.low:backdrop { border-color: #cc5500; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #00c1e4; } levelbar block.full { background-color: #0096b1; } levelbar block.full:backdrop { border-color: #0096b1; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.35); box-shadow: none; } /********* * Links * *********/ *:link, button:link, button:visited { color: #7cb7ff; } *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #98c6fe; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #e5f0fe; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #cbe2fe; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #0072ff; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #cbe2fe; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /********* * Lists * *********/ list { color: #F4F5F6; background-color: #191a1f; border-color: black; } list:backdrop { background-color: #1b1c21; border-color: #020202; } row { background-color: transparent; border-color: black; } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(244, 245, 246, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(0, 114, 255, 0.5); } row.activatable:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } row.activatable button.flat { background-color: transparent; } /********* * Menus * *********/ menubar, .menubar { background-color: #080809; color: #F4F5F6; -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #0072ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #828385; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #151519, #0b0b0d); border: 1px solid black; border-radius: 5px; } .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #191a1e; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #0072ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #828385; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #33333d; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #828385; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } .csd.popup { background: transparent; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(244, 245, 246, 0.1); border-radius: 5px; } /************ * Assistant * *************/ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, assistant .sidebar label { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { background-color: #3e3e40; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; background-color: #0d0d10; } notebook > header:backdrop { border-color: #020202; background-color: #101013; } notebook > header tabs { margin: 0px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 14px; min-width: 14px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 24px; min-width: 24px; padding: 1px 12px; outline-offset: -5px; color: #828385; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #bbbcbe; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.3); background-color: rgba(16, 16, 19, 0.2); } notebook > header tab:backdrop { color: #545557; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #F4F5F6; } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(16, 16, 19, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(16, 16, 19, 0.7); } notebook > header tab:backdrop:checked { color: #828385; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #020202; background-color: #1b1c21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { background: transparent; box-shadow: none; color: #ed254e; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; padding-right: 0px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 3px; } notebook > header.bottom tab { padding-top: 3px; } notebook > header button { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { background-color: #191a1f; } notebook > stack:not(:only-child):backdrop { background-color: #1b1c21; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(black); background-size: 1px 1px; } paned > separator:selected { background-image: image(#0072ff); } paned > separator:backdrop { background-image: image(#020202); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #101013; background-image: image(black), image(black); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #101013; background-image: image(#020202), image(#020202); } 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; } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /*************** * Popovers * ***************/ popover.background { padding: 2px; border-radius: 5px; background: linear-gradient(to bottom, #151519, #0b0b0d); box-shadow: 0 4px 6px black; } .csd popover.background, popover.background { border: 1px solid black; } popover.background:backdrop { background-color: #101013; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(244, 245, 246, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 6px; } progressbar.horizontal progress { margin: 0; } progressbar.vertical progress { margin: 0; background: linear-gradient(to bottom, #03e9b1, #0014ff); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } /************ * GtkScale * ************/ progressbar trough, scale trough, scale fill { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } progressbar trough:disabled, scale trough:disabled, scale fill:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar progress, scale highlight { border: none; background: linear-gradient(to right, #03e9b1, #0014ff); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background: linear-gradient(to right, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { border-color: #1a80ff; background-color: #1a80ff; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { min-height: 16px; min-width: 16px; padding: 8px; } scale.horizontal trough, scale.horizontal progress { min-height: 6px; } scale.vertical trough, scale.vertical progress { min-width: 6px; } scale.vertical highlight { background: linear-gradient(to bottom, #03e9b1, #0014ff); } scale.vertical highlight:disabled { background: linear-gradient(to bottom, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; background-color: #191a1f; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { background-color: #0014ff; } scale slider:active:disabled { background-color: #141418; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; outline-color: transparent; } scale fill:backdrop, scale fill { background-color: black; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(97, 97, 97, 0.775); } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-color: #191a1f; border: 2px solid #0014ff; border-radius: 12px; background-color: #101013; } scale slider:disabled { background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); border-color: rgba(0, 20, 255, 0.5); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { border-color: #005bcc; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #070708; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop:disabled { background-color: #070708; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 6px; margin-top: -12px; } scale marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale marks.top { margin-right: 6px; margin-left: -12px; } scale marks.bottom { margin-left: 6px; margin-right: -12px; } scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } scale.horizontal.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(black); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /************** * Scrollbars * **************/ scrollbar { background-color: #151519; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid black; } scrollbar.bottom { border-top: 1px solid black; } scrollbar.left { border-right: 1px solid black; } scrollbar.right { border-left: 1px solid black; } scrollbar:backdrop { background-color: #09090b; border-color: #020202; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #99999b; } scrollbar slider:hover { background-color: #c6c7c9; } scrollbar slider:hover:active { background-color: #338eff; } scrollbar slider:backdrop { background-color: #3e3e41; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #F4F5F6; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #F4F5F6; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #99999b; } scrollbar button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c6c7c9; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #338eff; } scrollbar button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 153, 155, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3e41; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(62, 62, 65, 0.2); } 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"); } treeview ~ scrollbar.vertical { border-top: 1px solid black; margin-top: -1px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; border-width: 0; background-color: #151519; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid black; border-right-style: none; } .sidebar:backdrop { background-color: #16161a; border-color: #020202; } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #F4F5F6; } .sidebar row:selected { color: #fefefe; } .sidebar row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background: rgba(0, 114, 255, 0.6); } .sidebar row:selected:backdrop label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #0e0e11; color: #98abb2; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { background-color: #0072ff; color: #fefefe; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(14, 14, 17, 0.95); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: black; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ /*--*/ placessidebar.sidebar { background-color: transparent; background-image: linear-gradient(to right, #020203 40px, #0e0e11 35px, #0e0e11 36px, #0e0e11 36px, #0e0e11 99%, #0e0e11 100%); } placessidebar.sidebar row.sidebar-row label { color: #98abb2; } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; color: #98abb2; } placessidebar.sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); background-color: transparent; /*rgba(65,67,75,0.4); */ background-image: linear-gradient(to right, #1b232d 40px, #191a1f 40px, #191a1f 97%); } placessidebar.sidebar row.sidebar-row:active:hover { color: rgba(0, 0, 0, 0.76); background-color: rgba(0, 0, 0, 0.23); } placessidebar.sidebar row.sidebar-row:selected { color: #fff; background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: #191a1f; } placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #f9dc5c; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } placessidebar list { background-color: transparent; } placessidebar list:backdrop { background-color: transparent; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dedfe1; background-image: none; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.3); border-radius: 0; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #F4F5F6; background-color: rgba(244, 245, 246, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(130, 131, 133, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #78797b; background-color: transparent; border-color: rgba(2, 2, 2, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(51, 51, 61, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(254, 254, 254, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #838383; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { color: #828385; } spinbutton.vertical:backdrop:disabled { color: #33333d; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; border-width: 1px; border-color: black; box-shadow: 0 1px rgba(255, 255, 255, 0.1); } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /*********** * Spinner * ***********/ menu spinner { color: #0072ff; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********** * Switch * **********/ switch { font-size: 1px; min-width: 40px; min-height: 25px; background-size: 40px 24px; background-repeat: no-repeat; background-position: center center; background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:disabled { background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } switch:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"), url("../assets/switch-slider-insensitive@2.png")); } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch:checked { background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } switch:checked slider { background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("../assets/switch-on-insensitive.svg"), url("../assets/switch-on-insensitive.svg")); } switch:checked:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-on-insensitive.svg"), url("../assets/switch-slider-on-insensitive@2.png")); } switch slider { min-width: 1px; min-height: 1px; background-repeat: no-repeat; background-position: left center; background-color: transparent; background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } switch trough:active, switch trough:checked { background-color: #0072ff; } switch trough:active:backdrop, switch trough:checked:backdrop { background-color: rgba(0, 114, 255, 0.6); } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #101013; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(7, 7, 8, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; } .inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: black; background-color: #0b0b0d; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: #020202; background-color: #0b0b0d; box-shadow: none; transition: 200ms ease-out; } searchbar { background: #191a1f; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 4px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: #020203; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /************** * Tree Views * **************/ treeview.view { border-left-color: #87888b; border-top-color: #101013; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #7fb8ff; border-top-color: rgba(244, 245, 246, 0.1); } treeview.view:disabled { color: #828385; } treeview.view:disabled:selected { color: #66aaff; } treeview.view:disabled:selected:backdrop { color: rgba(32, 132, 255, 0.85); } treeview.view:disabled:backdrop { color: #33333d; } treeview.view.separator { min-height: 2px; color: #101013; } treeview.view.separator:backdrop { color: rgba(16, 16, 19, 0.1); } treeview.view:backdrop { border-left-color: #494a4c; border-top: #101013; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #005bcc; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b2b3b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #F4F5F6; } treeview.view.expander:selected { color: #b2d4fe; } treeview.view.expander:selected:hover { color: #fefefe; } treeview.view.expander:selected:backdrop { color: rgba(111, 175, 255, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #636467; } treeview.view.progressbar { border: 1px solid #005bcc; border-radius: 4px; background-color: #0072ff; background-image: linear-gradient(to bottom, #0072ff, #005bcc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #191a1f, #020203); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { border-color: #1b1c21; background-color: #1b1c21; } treeview.view.progressbar:backdrop { border-color: #1b1c21; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(244, 245, 246, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005bcc; border-radius: 4px; } treeview.view header button { color: #87888b; background-color: #191a1f; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bebfc1; box-shadow: none; transition: none; } treeview.view header button:active { color: #F4F5F6; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; transition: none; background-image: none; background-color: #0072ff; color: #191a1f; border-radius: 0; border-style: none; box-shadow: inset 0 0 0 1px #191a1f; text-shadow: none; } treeview.view acceleditor > label { background-color: #0072ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; border-radius: 0; background-image: none; text-shadow: none; border-width: 1px; border-style: none solid solid none; border-color: #101013; } treeview.view header button:disabled { border-color: #101013; background-image: none; } treeview.view header button:backdrop { border-color: #101013; border-style: none solid solid none; color: #494a4c; background-image: none; background-color: #1b1c21; } treeview.view header button:backdrop:disabled { border-color: #101013; background-image: none; } /********************** * Window Decorations * *********************/ decoration { border-radius: 4px 4px 0 0; border-width: 0px; border-width: 0px; box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.8); margin: 10px; } decoration:backdrop { box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.6); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: none; } .csd.popup decoration { border-radius: 7px; box-shadow: 0 4px 8px black; border: 1px solid black; } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.8); } .solid-csd decoration { border-radius: 0; margin: 0px; background-color: #101013; border: solid 1px #020202; box-shadow: none; } button.titlebutton { background-repeat: no-repeat; background-position: center; min-height: 20px; padding: 0 1px; box-shadow: none; } button.titlebutton.close { background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } button.titlebutton.close:hover, button.titlebutton.close:active { background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } button.titlebutton.maximize { background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } button.titlebutton.maximize:hover, button.titlebutton.maximize:active { background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } button.titlebutton.minimize { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } button.titlebutton.minimize:hover, button.titlebutton.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } button.titlebutton:backdrop { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #0072ff; } row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { color: #fefefe; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { color: #7fb8ff; } row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: rgba(254, 254, 254, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { color: rgba(32, 132, 255, 0.85); } .monospace { font-family: Monospace; } /********************** * DE-Specific Styles * **********************/ /********* * Budgie * *********/ .budgie-container { background-color: transparent; } .budgie-container:backdrop { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { border: none; background: none; padding: 0; margin: 0; } .budgie-popover .container, .budgie-popover border, .budgie-popover list, .budgie-popover row { padding: 0; margin: 0; background: none; border: none; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; opacity: 1; min-width: 0; min-height: 0; } .budgie-popover, .budgie-popover.background { border-radius: 2px; padding: 0; background: #080809; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, .budgie-popover.background row:hover { background: none; } .budgie-popover > frame.container, .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { color: #F4F5F6; } .budgie-popover button:hover, .budgie-popover.background button:hover { color: #fefefe; background: #25262d; } .budgie-popover > .container { padding: 2px; } .budgie-menu { color: #F4F5F6; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { -gtk-icon-effect: none; } .budgie-menu entry.search { border: none; background: none; padding: 5px 2px; border-bottom: 1px solid black; border-radius: 0; font-size: 120%; box-shadow: none; color: #F4F5F6; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-menu entry.search image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-menu .categories { border-width: 0; margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { border-right: 1px solid black; } .budgie-menu .categories:dir(rtl) { border-left: 1px solid black; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { background-color: rgba(244, 245, 246, 0.05); color: #F4F5F6; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { color: #fefefe; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; border-color: black; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; border-radius: 0; box-shadow: none; } .budgie-menu button { border: none; background: transparent; } .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { color: rgba(244, 245, 246, 0.7); } button.budgie-menu-launcher { padding: 0 2px; color: white; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } button.budgie-menu-launcher:backdrop { color: white; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #0072ff; box-shadow: none; background-color: #17181d; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(244, 245, 246, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #0072ff; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } button.raven-trigger { padding-left: 2px; padding-right: 2px; color: white; box-shadow: none; } button.raven-trigger:hover { color: white; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #0072ff; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #0072ff; background-color: transparent; } .places-menu .container { padding: 0; } .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { background: rgba(244, 245, 246, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; border: none; padding: 3px; border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { color: #ed254e; } .budgie-panel:backdrop { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } .budgie-panel button.flat { background: transparent; border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; color: #0072ff; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; margin: 0; } .budgie-panel label { color: white; font-weight: 700; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.4); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { border-top-color: transparent; } .left .budgie-panel.transparent { border-right-color: transparent; } .right .budgie-panel.transparent { border-left-color: transparent; } .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(244, 245, 246, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: #F4F5F6; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; background-clip: padding-box; } .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; background-color: transparent; } .budgie-panel button.flat.launcher { box-shadow: none; } .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #0072ff; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #0072ff; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #0072ff; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #0072ff; } .top .budgie-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } .raven { padding: 0; color: #F4F5F6; background: #080809; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; color: #F4F5F6; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; background-color: rgba(7, 7, 8, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { border-top-style: none; border-color: transparent; margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { color: #0067e6; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; color: #fefefe; background-color: rgba(230, 19, 62, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; color: #fefefe; background-color: rgba(237, 37, 78, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { color: #fefefe; background-color: rgba(239, 61, 97, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; border-radius: 0; } .raven .raven-header button:hover { color: #0072ff; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { color: #828385; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .raven list { color: #F4F5F6; background-color: transparent; } .raven list:selected { background-color: rgba(0, 114, 255, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { background-color: rgba(36, 36, 41, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(0, 114, 255, 0.9); } .raven .raven-background { color: #F4F5F6; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { border-bottom-style: none; } .raven .powerstrip { background-color: transparent; border-top-color: transparent; } .raven .powerstrip button.image-button { border-radius: 50%; padding: 5px; min-width: 32px; min-height: 32px; margin-bottom: 3px; background: #c74ded; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { background: rgba(199, 77, 237, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .raven .powerstrip button.image-button:first-child:hover { background: rgba(0, 114, 255, 0.85); } .raven .powerstrip button.image-button:first-child:active { background: #0072ff; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; color: #F4F5F6; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; color: #0069eb; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { color: #F4F5F6; border: none; border-radius: 0; background-color: transparent; } calendar.raven-calendar button, calendar.raven-calendar button:focus { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { color: #F4F5F6; background-color: transparent; } .raven-mpris { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; background-color: #191a1f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { background-color: #0072ff; } .raven-mpris button.image-button:active { background-color: #0067e6; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { margin-left: 4px; } .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { padding: 4px; margin-top: 6px; margin-bottom: 6px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #0072ff; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #0067e6; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { background-color: #0067e6; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: #F4F5F6; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(244, 245, 246, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; color: #ed254e; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; color: #e6133e; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { color: #F4F5F6; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; color: #F4F5F6; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { color: #F4F5F6; } .budgie-switcher-window flowboxchild:selected { color: #fefefe; background-color: rgba(0, 114, 255, 0.5); } .budgie-switcher-window flowboxchild:selected:active { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #0067e6; } .budgie-switcher-window flowboxchild:selected:disabled { color: rgba(254, 254, 254, 0.7); background-color: rgba(0, 114, 255, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(244, 245, 246, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; border-color: black; border-radius: 0; color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { font-weight: 700; } .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { border-left: none; border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(206, 17, 56, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; color: #F4F5F6; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { color: rgba(244, 245, 246, 0.7); } .budgie-polkit-dialog .failure { color: #ed254e; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; padding: 8px 5px; border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { color: #F4F5F6; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } .budgie-menubar menu { margin: 4px; padding: 5px; border-radius: 0; background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #0072ff; color: #fefefe; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-bottom: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(244, 245, 246, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { border-style: none none solid; } .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } .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(24, 24, 27, 0.95); } .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.current-workspace { background-color: rgba(12, 12, 14, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; box-shadow: 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: 2px; } /************ * Nautilus * ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #0072ff; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #0072ff; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; background-color: rgba(18, 19, 22, 0.95); } .nautilus-window .sidebar .list-row button:active { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window .sidebar .list-row:hover { background-color: rgba(25, 26, 31, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window.background { background-color: rgba(18, 19, 22, 0.95); } .nautilus-window.background:backdrop { background-color: rgba(18, 19, 22, 0.95); } .nautilus-window notebook > stack:only-child { background-color: #191a1f; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #1b1c21; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 10px; box-shadow: none; margin-top: 10px; margin-bottom: 10px; } .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } .nautilus-window .titlebar .path-buttons-box .dim-label, .nautilus-window .titlebar .path-buttons-box label.separator, .nautilus-window .titlebar .path-buttons-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-buttons-box button .horizontal .dim-label, .nautilus-window .titlebar .path-buttons-box button .horizontal label.separator, .nautilus-window .titlebar .path-buttons-box button .horizontal .subtitle { color: #F4F5F6; } .nautilus-window .titlebar .path-buttons-box button:hover .dim-label, .nautilus-window .titlebar .path-buttons-box button:hover label.separator, .nautilus-window .titlebar .path-buttons-box button:hover .subtitle, .nautilus-window .titlebar .path-buttons-box button:focus .dim-label, .nautilus-window .titlebar .path-buttons-box button:focus label.separator, .nautilus-window .titlebar .path-buttons-box button:focus .subtitle { color: #0072ff; } .nautilus-window .titlebar .path-buttons-box .current-dir label { padding: 6px 12px; border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #0072ff; box-shadow: none; border: none; } .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; margin-right: 5px; } .nautilus-window .linked:not(.vertical) > entry:focus { border-color: rgba(0, 114, 255, 0.6); } .nautilus-circular-button { border-radius: 20px; -gtk-outline-radius: 20px; } .disk-space-display { border: 2px solid; } .disk-space-display .unknown { background-color: #888a85; border-color: #555653; } .disk-space-display .used { background-color: #9FB0B9; border-color: #667f8c; } .disk-space-display .free { background-color: #D8D8D8; border-color: #a5a5a5; } .nautilus-desktop { color: #F4F5F6; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #fefefe; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* * Gedit * *********/ .gedit-search-slider { padding: 4px; border-radius: 0 0 3px 3px; border: 0; background-color: #101013; } /********* * Gnucash * *********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { border-color: #0072ff; } /******************* * Calendar events * ********************/ .color-light.timed label { color: #F4F5F6; opacity: 1; } .week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { color: #101013; opacity: 1; } .xfce4-panel { border-radius: 0; } .xfce4-panel.panel { background-color: #191a1f; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0072ff; } .xfce4-panel.panel button.flat:not(.open_group) { color: white; border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); transition: none; } .xfce4-panel.panel button.flat:hover:not(.open_group) { border: none; background-color: #30323b; } .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { color: white; background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { color: inherit; } #whiskermenu-window button { background-color: transparent; border: none; border-radius: 0; font-weight: normal; padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { background-color: #0072ff; } /* thunar */ .thunar toolbar { background-color: #080809; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } /* path-bar of thunar */ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar toolbar .path-bar-button { margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { color: #0072ff; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, .thunar toolbar .path-bar-button { background: none; outline: none; border: none; box-shadow: none; } /* thunar sidepane */ .thunar scrolledwindow.sidebar treeview.view { background: #09090b; padding: 1.5px; } .thunar scrolledwindow.sidebar treeview.view:hover { background: #191a1f; } .thunar scrolledwindow.sidebar treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; border-radius: 0; box-shadow: none; } window.thunar toolbar#location-toolbar entry { border-radius: 10px; } /* Vala-appmenu-plugin*/ .-vala-panel-appmenu-core scrolledwindow, .-vala-panel-appmenu-private > menuitem, .-vala-panel-appmenu-private > menuitem:first-child > label { color: white; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #191a1f; background-color: #191a1f; } .gala-notification .title, .gala-notification .label { color: #F4F5F6; } .gala-button { padding: 3px; color: #191a1f; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: #F4F5F6; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; } .button.app .app:hover { border-radius: 8px; border: none; background-color: rgba(0, 114, 255, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: #F4F5F6; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(0, 114, 255, 0.3); color: #fefefe; } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: #F4F5F6; } /********* * Panel * ********/ .composited-indicator > revealer, .composited-indicator > revealer image, .composited-indicator > revealer label, .composited-indicator > revealer spinner { color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } .composited-indicator > revealer image:first-child + label { margin-left: 5px; } .panel.color-light .composited-indicator > revealer, .panel.color-light .composited-indicator > revealer image, .panel.color-light .composited-indicator > revealer label, .panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; } PantheonCalculatorMainWindow .window-frame { border-radius: 3px; } /********* * Cards * *********/ .deck { background-color: black; } .card { background-color: #191a1f; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { background-color: #0e0e11; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .action-bar { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .window-frame { border-radius: 3px; } /******** * Snap * ********/ SnapMainWindow .take-button, SnapSnapWindow .take-button { border-radius: 0; } /******************* * Photos/Shotwell * *******************/ DirectWindow .the-button-in-the-combobox, LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { background-color: #101013; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { background-color: #F4F5F6; } /********* * Avatar * *********/ .avatar { border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } /************ * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { background: linear-gradient(#30323b, #30323b); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #03e9b1, #0014ff); } /************************** * Colors in context menu * **************************/ checkbutton.color-button { border: 1px solid black; border-radius: 100px; background-clip: border-box; padding: 0; margin: 2px 1px; } checkbutton.color-button > check { -gtk-icon-source: none; background: none; margin-right: 0; padding: 2px; } checkbutton.color-button.none > check { background-color: transparent; border-radius: 100px; -gtk-icon-source: -gtk-icontheme("close-symbolic"); } radiobutton.color-button > radio { -gtk-icon-source: none; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px; background-clip: border-box; } radiobutton.color-button:active > radio { border: 1px solid rgba(0, 0, 0, 0.35); } .color-button check, .color-button check:checked, .color-button radio, .color-button radio:checked { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; color: #191a1f; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } .color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } .color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } .color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } .color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } .color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } .color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } .color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } .color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } .color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } .color-button.auto radio { background-image: url("assets/color-button-auto.png"); background-position: -1px -1px; background-repeat: no-repeat; background-size: calc(100% + 2px); } /******** * Unity * *********/ /* Unity window border color */ /* Unity window text color */ /* Backdrop Unity window text color */ /* Unity panel color #454D50 */ UnityDecoration { /* Border properties (top, right, bottom, left) */ -UnityDecoration-extents: 28px 1px 1px 1px; /* the size of the decorations */ -UnityDecoration-input-extents: 10px; /* the extra size of the input areas */ /* Shadows settings */ -UnityDecoration-shadow-offset-x: 1px; /* Size property, the shadow x offset */ -UnityDecoration-shadow-offset-y: 1px; /* Size property, the shadow y offset */ -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, active window shadow color */ -UnityDecoration-active-shadow-radius: 8px; /* Size property, active window shadow radius */ -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, inactive windows shadow color */ -UnityDecoration-inactive-shadow-radius: 5px; /* Size property, inactive windows shadow radius */ /* Glow applied to the selected scaled window */ -UnityDecoration-glow-size: 8px; /* Size property, size of glow */ -UnityDecoration-glow-color: #0072ff; /* Color property of the glow */ /* Title settings */ -UnityDecoration-title-indent: 10px; /* Size property, left indent of the title */ -UnityDecoration-title-fade: 35px; /* Size property, space of the title that can be faded */ -UnityDecoration-title-alignment: 0.0; /* Float from 0.0 to 1.0, to align the title */ background-color: #eeeeee; color: #31363D; } UnityDecoration .top { padding: 0 5px 0 5px; border-radius: 4px 4px 0px 0px; box-shadow: none; border: 1px solid #eeeeee; border-bottom-width: 0; background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } UnityDecoration .top .menuitem:backdrop { color: #1a1d21; } UnityDecoration.left, UnityDecoration.right { background-repeat: repeat-x; background-color: #ececec; background-size: 1px 120px; background-clip: border-box; background-image: linear-gradient(to bottom, #eeeeee, #ececec); } UnityDecoration.bottom { background-size: 1px; background-repeat: repeat-x; background-color: #ececec; } UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-size: 1px; background-repeat: repeat-x; } /************** * Unity Panel * ***************/ UnityPanelWidget, .unity-panel { background-color: #d5d5d5; color: #31363D; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #1a1d21; } .unity-panel.menuitem, .unity-panel .menuitem { border-width: 0 1px; color: #31363D; } .unity-panel.menubar, .unity-panel .menubar { color: #31363D; } .unity-panel.menu.menubar, .unity-panel .menu .menubar { background-color: #d5d5d5; color: #31363D; } .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { color: #828385; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { padding: 3px 5px; border-width: 1px; border-style: solid; border: none; background: none; color: #31363D; box-shadow: none; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem:hover { border-radius: 0; background-color: #ebebeb; color: #31363D; box-shadow: none; } .unity-panel.menubar .menuitem *:hover { color: white; box-shadow: none; } .unity-panel.menubar .menuitem.separator, .unity-panel.menubar.menuitem.separator { border: none; color: black; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #191a1f; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #0072ff; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid black; } MsdOsdWindow.background.osd .progressbar { background-color: #0072ff; border: none; border-color: #0072ff; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(0, 0, 0, 0.98); border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar button { border-radius: 0; } /*********************** * App-Specific Styles * ***********************/ /********* * Geary * *********/ .geary-titlebar-left .separator, .geary-titlebar-right .separator { opacity: 0; } ConversationListView { -GtkTreeView-grid-line-width: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #0072ff; color: #fefefe; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { color: #fefefe; border: 0px solid #005bcc; } /*********** * LightDm * ***********/ #panel_window { background-color: #191a1f; color: white; font-weight: bold; box-shadow: inset 0 -1px #09090b; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } #panel_window .menubar .menuitem:disabled, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } #panel_window .menubar .menuitem:disabled label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #F4F5F6; } #content_frame { padding-bottom: 14px; background-color: #101013; 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 { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } #content_frame button:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } #content_frame button:active, #content_frame button:checked { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } #content_frame button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #080809; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; } #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: #F4F5F6; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nemo-window .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: #30323b; -NemoPlacesTreeView-disk-full-fg-color: #00e8c6; -GtkTreeView-vertical-separator: 7; } .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { background: rgba(7, 7, 8, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { background: #0072ff; } .nemo-window .sidebar { color: #98abb2; background-color: #0e0e11; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; color: #F4F5F6; border: 1px solid black; border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { background-color: #0072ff; color: #fefefe; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #080809; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 5px; margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; color: #0072ff; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nemo-window .nemo-inactive-pane .view:not(:selected), .nemo-window .nemo-inactive-pane iconview:not(:selected), .nemo-window .nemo-inactive-pane iconview { background-color: #09090b; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { background: #25262d; color: #F4F5F6; border-color: #0072ff; } .caja-notebook .entry:selected { background: #0072ff; color: #fefefe; } /************** * Caja sidebar * **************/ .caja-side-pane { background: #080809; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { background: #0e0e11; padding: 3px 2px; color: #F4F5F6; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { background-color: rgba(9, 9, 11, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { color: #fefefe; background: #0072ff; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #080809; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { background: #0072ff; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { color: #fefefe; } .caja-pathbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { color: #0072ff; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; } /*# sourceMappingURL=gtk-dark.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-3.0/gtk.css ================================================ /*$selected_bg_color: #00e8c6;06d6a0*/ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #F4F5F6; /* text color for entries, views and content in general */ @define-color theme_text_color #F4F5F6; /* widget base background color */ @define-color theme_bg_color #101013; /* text widgets and the like base background color */ @define-color theme_base_color #191a1f; /* base background color of selections */ @define-color theme_selected_bg_color #0072ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #fefefe; /* base background color of disabled widgets */ @define-color insensitive_bg_color #141418; /* text foreground color of disabled widgets */ @define-color insensitive_fg_color #828385; /* disabled text widgets and the like base background color */ @define-color insensitive_base_color #191a1f; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #828385; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #F4F5F6; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #101013; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #1b1c21; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #0072ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #fefefe; /* widgets main borders color */ @define-color borders black; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #020202; /* these are pretty self explicative */ @define-color warning_color #cc5500; @define-color error_color #e6133e; @define-color success_color #0096b1; @define-color fg_color #F4F5F6; @define-color text_color #F4F5F6; @define-color bg_color #101013; @define-color base_color #191a1f; @define-color selected_bg_color #0072ff; @define-color selected_fg_color #fefefe; @define-color unfocused_fg_color #828385; @define-color unfocused_text_color #F4F5F6; @define-color unfocused_bg_color #101013; @define-color unfocused_base_color #1b1c21; @define-color unfocused_selected_bg_color #0072ff; @define-color unfocused_selected_fg_color #fefefe; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#F4F5F6, 1.8); @define-color wm_unfocused_title #828385; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#101013, 1.2); @define-color wm_bg_b #101013; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#101013, 1.3); @define-color wm_button_hover_color_b #101013; @define-color wm_button_active_color_a shade(#101013, 0.85); @define-color wm_button_active_color_b shade(#101013, 0.89); @define-color wm_button_active_color_c shade(#101013, 0.9); @define-color content_view_bg #191a1f; @define-color text_view_bg #191a1f; @define-color budgie_tasklist_indicator_color #0072ff; @define-color budgie_tasklist_indicator_color_active #0072ff; @define-color placeholder_text_color #c9cacb; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @define-color STRAWBERRY_700 #a10705; @define-color STRAWBERRY_900 #7a0000; @define-color ORANGE_100 #ffc27d; @define-color ORANGE_300 #ffa154; @define-color ORANGE_500 #f37329; @define-color ORANGE_700 #cc3b02; @define-color ORANGE_900 #a62100; @define-color BANANA_100 #fff394; @define-color BANANA_300 #ffe16b; @define-color BANANA_500 #f9c440; @define-color BANANA_700 #d48e15; @define-color BANANA_900 #ad5f00; @define-color LIME_100 #d1ff82; @define-color LIME_300 #9bdb4d; @define-color LIME_500 #68b723; @define-color LIME_700 #3a9104; @define-color LIME_900 #206b00; @define-color MINT_100 #89ffdd; @define-color MINT_300 #43d6b5; @define-color MINT_500 #28bca3; @define-color MINT_700 #0e9a83; @define-color MINT_900 #007367; @define-color BLUEBERRY_100 #8cd5ff; @define-color BLUEBERRY_300 #64baff; @define-color BLUEBERRY_500 #3689e6; @define-color BLUEBERRY_700 #0d52bf; @define-color BLUEBERRY_900 #002e99; @define-color BUBBLEGUM_100 #fe9ab8; @define-color BUBBLEGUM_300 #f4679d; @define-color BUBBLEGUM_500 #de3e80; @define-color BUBBLEGUM_700 #bc245d; @define-color BUBBLEGUM_900 #910e38; @define-color GRAPE_100 #e4c6fa; @define-color GRAPE_300 #cd9ef7; @define-color GRAPE_500 #a56de2; @define-color GRAPE_700 #7239b3; @define-color GRAPE_900 #452981; @define-color COCOA_100 #a3907c; @define-color COCOA_300 #8a715e; @define-color COCOA_500 #715344; @define-color COCOA_700 #57392d; @define-color COCOA_900 #3d211b; @define-color SILVER_100 #fafafa; @define-color SILVER_300 #d4d4d4; @define-color SILVER_500 #abacae; @define-color SILVER_700 #7e8087; @define-color SILVER_900 #555761; @define-color SLATE_100 #95a3ab; @define-color SLATE_300 #667885; @define-color SLATE_500 #485a6c; @define-color SLATE_700 #273445; @define-color SLATE_900 #0e141f; @define-color BLACK_100 #666; @define-color BLACK_300 #4d4d4d; @define-color BLACK_500 #333; @define-color BLACK_700 #1a1a1a; @define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ /********* * Common * *********/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e6133e; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: rgba(244, 245, 246, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #0072ff; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar { background-color: black; border: solid black; border-width: 1px 0 0 0; color: #F4F5F6; box-shadow: none; } .action-bar:backdrop { background-color: black; box-shadow: none; -gtk-icon-effect: dim; } .action-bar:first-child { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } .action-bar:last-child { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(7, 7, 8, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /*************** * Base States * ***************/ .background { color: #F4F5F6; background-color: #101013; } .background:backdrop { color: #828385; background-color: #101013; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ selection { background-color: #0072ff; color: #fefefe; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: #F4F5F6; background-color: #101013; } .gtkstyle-fallback:hover { color: #F4F5F6; background-color: #27272f; } .gtkstyle-fallback:active { color: #F4F5F6; background-color: black; } .gtkstyle-fallback:disabled { color: #828385; background-color: #141418; } .gtkstyle-fallback:selected { color: #fefefe; background-color: #0072ff; } .view, iconview, .view text, iconview text, textview text { color: #F4F5F6; background-color: #191a1f; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #c9cacb; background-color: #1b1c21; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } textview border { background-color: #151519; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { border: 1px solid #005bcc; background-color: rgba(0, 91, 204, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } label { caret-color: currentColor; } label.separator { color: #F4F5F6; } label.separator:backdrop { color: #828385; } label selection { background-color: #0072ff; color: #fefefe; } label:disabled { color: #828385; } label:disabled:backdrop { color: #33333d; } label:backdrop { color: #828385; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3e3e40; } .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { color: #fefefe; border: 1px solid #171e27; background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } *:selected { background: #0072ff; color: #fefefe; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4d9cff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0072ff), to(transparent)); } } notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 2px 6px; border: 1px solid black; border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0067e6; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { background-color: #1f2026; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { background-color: #0072ff; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 2px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #828385; } button.osd { min-width: 24px; min-height: 20px; color: #fefefe; border-radius: 5px; outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 32px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #fe8c00, #f83600); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 17, 56, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(206, 17, 56, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ce1138, #ce1138); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4d9cff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9450980392)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } toolbar button:active { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #fefefe; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #0067e6; } .inline-toolbar toolbutton > button:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(0, 103, 230, 0.3); } .inline-toolbar toolbutton > button:backdrop { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #0067e6; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(0, 103, 230, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid black; border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { border-radius: 3px; border-style: solid; } modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, popover.background radiobutton:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { background-color: #232329; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, popover.background radiobutton radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, modelbutton.flat radio:first-child, popover.background checkbutton radio:first-child, popover.background radiobutton radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { background: none; } modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { background: none; } modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } /************ * Calendar * ***********/ calendar { color: #F4F5F6; border: 1px solid black; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(244, 245, 246, 0.45); } calendar.button:hover { color: #F4F5F6; } calendar.button:backdrop { color: rgba(130, 131, 133, 0.45); } calendar.button:disabled { color: rgba(130, 131, 133, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #F4F5F6; } calendar:backdrop { color: #c9cacb; border-color: #020202; } /************************* * Check and Radio Items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } check:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); -gtk-icon-shadow: none; } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); -gtk-icon-shadow: none; } check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); -gtk-icon-shadow: none; } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } .view.content-view check, iconview.content-view check, .view.content-view.check, iconview.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view radio, iconview.content-view radio, .view.content-view.radio, iconview.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view check:hover, iconview.content-view check:hover, .view.content-view.check:hover, iconview.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:hover, iconview.content-view radio:hover, .view.content-view.radio:hover, iconview.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view check:active, iconview.content-view check:active, .view.content-view.check:active, iconview.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:active, iconview.content-view radio:active, .view.content-view.radio:active, iconview.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, iconview.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, iconview.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, .view.content-view.check:disabled, iconview.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, .view.content-view.radio:disabled, iconview.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, iconview.content-view.check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, iconview.content-view.radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 16px; min-width: 16px; border: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; animation: none; } /***************** * Color Chooser * *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: black; } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } colorswatch.light overlay { color: #F4F5F6; } colorswatch.light overlay:hover { border-color: black; } colorswatch.light overlay:backdrop { color: #c9cacb; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid black; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: black; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } colorswatch#add-color-button overlay:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /*********** * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(16, 16, 19, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; background-color: rgba(16, 16, 19, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { background-color: rgba(16, 16, 19, 0.95); color: #F4F5F6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; background-color: transparent; color: #F4F5F6; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { background-color: rgba(0, 114, 255, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 4px; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 4px; } messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { color: white; } filechooser .dialog-action-box { border-top: 1px solid black; } filechooser .dialog-action-box:backdrop { border-top-color: #020202; } filechooser #pathbarbox { border-bottom: 1px solid #101013; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #F4F5F6; border-color: black; background-color: #22232a; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; padding-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { padding-left: 6px; padding-right: 0; } spinbutton:not(.vertical) undershoot.left, entry 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; box-shadow: none; } spinbutton:not(.vertical) undershoot.right, entry 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; box-shadow: none; } spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; padding: 2px; background-image: none; border-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { border-color: #005bcc; } spinbutton:disabled:not(.vertical), entry:disabled { color: #828385; border-color: black; background-color: #141418; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #c9cacb; border-color: #020202; background-color: #1b1c21; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #33333d; border-color: #020202; background-color: #141418; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #F4F5F6; border-color: black; background-color: #22232a; color: #e6133e; border-color: #410512; } spinbutton.error:focus:not(.vertical), entry.error:focus { border-color: #410512; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { background-color: #e6133e; } spinbutton.warning:not(.vertical), entry.warning { color: #F4F5F6; border-color: black; background-color: #22232a; color: #cc5500; border-color: #1a0b00; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-color: #1a0b00; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } spinbutton:not(.vertical) image, entry image { color: #c8c9cb; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #F4F5F6; } spinbutton:not(.vertical) image:active, entry image:active { color: #0072ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #6d6e71; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #0072ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 32, 33, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0072ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #005bcc; } .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #005bcc; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #121216; background-image: linear-gradient(to bottom, #191a1f, #191a1f); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #141418; background-image: linear-gradient(to bottom, #1b1c21, #1b1c21); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #121216; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #005bcc; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #005bcc; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #71f79f; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #191a1f; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #191a1f; } treeview entry.flat:focus, treeview entry:focus { border-color: #0072ff; } /************* * Expanders * *************/ 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"); } /**************** * Floating Bar * ****************/ .floating-bar { background-color: #101013; border-width: 1px; border-style: solid solid none; border-color: black; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } .floating-bar:backdrop { background-color: #101013; border-color: #020202; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid black; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #020202; } actionbar > revealer > box { padding: 6px; border-top: 1px solid black; } actionbar > revealer > box:backdrop { border-color: #020202; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 100% 5%; 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 5% 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.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(244, 245, 246, 0.07)), to(rgba(244, 245, 246, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))); background-size: 5% 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; box-shadow: 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; box-shadow: 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; box-shadow: 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; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, black 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #151519; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #020202 1px, transparent 1px); background-color: #09090b; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 8px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #191a1f; background: #191a1f; color: #F4F5F6; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #0072ff; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #191a1f; background-image: none; border: 1px solid #191a1f; color: #F4F5F6; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #191a1f; } GraniteWidgetsWelcome GtkLabel { color: #F4F5F6; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(244, 245, 246, 0.8); } /************** * Source List * ***************/ .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; background-color: #101013; border: solid black; color: #F4F5F6; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: #101013; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: #040405; } .source-list row, .source-list .list-row { border: none; padding: 0; } .source-list row > GtkLabel, .source-list row > label, .source-list .list-row > GtkLabel, .source-list .list-row > label { padding-left: 6px; padding-right: 6px; } /************** * Text Styles * **************/ .h1 { font-size: 24px; } .h2 { font-weight: 300; font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { font-size: 12px; padding: 6px; color: rgba(244, 245, 246, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /************** * Storage Bar * **************/ .storage-bar .trough { border: none; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-image: none; background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { background-color: #f9dc5c; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } .storage-bar .fill-block:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { background-color: #191a1f; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { background-color: #ff6a00; } .storage-bar .fill-block.photo { background-color: #ed254e; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #080809; color: #F4F5F6; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { border-color: #020202; transition: 200ms ease-out; } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar entry, headerbar entry { min-height: 24px; } .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; min-height: 14px; margin-top: 5px; margin-bottom: 5px; box-shadow: none; } .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } .titlebar button.suggested-action, headerbar button.suggested-action { box-shadow: none; border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked, headerbar button.suggested-action:disabled:backdrop:hover, headerbar button.suggested-action:disabled:backdrop:active, headerbar button.suggested-action:disabled:backdrop:checked, headerbar button.suggested-action:backdrop:hover, headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } .titlebar button.appmenu:backdrop, headerbar button.appmenu:backdrop { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, headerbar button:active, headerbar button:checked { background-color: transparent; color: #0072ff; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; border: none; } .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, headerbar button:backdrop:hover, headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; color: #0072ff; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #0072ff; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { color: transparent; box-shadow: none; border: none; background-color: transparent; background-image: none; background-repeat: no-repeat; } .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:backdrop:hover, headerbar button.titlebutton * { color: transparent; box-shadow: none; background-color: transparent; } .titlebar .linked > button, .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, headerbar .titlebar .linked > button, .titlebar headerbar .linked > button, headerbar .linked > button, headerbar .titlebar .linked > button:active, .titlebar headerbar .linked > button:active, headerbar .linked > button:active, headerbar .titlebar .linked > button:checked, .titlebar headerbar .linked > button:checked, headerbar .linked > button:checked, headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, headerbar .titlebar .linked > button:backdrop, .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { border-radius: 23px; border-right-style: none; border: none; box-shadow: none; margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } .titlebar .linked > button:only-child, .titlebar headerbar .linked > button:only-child, headerbar .titlebar .linked > button:only-child, headerbar .linked > button:only-child { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { color: #ffe6e6; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #005bcc; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 114, 255, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } headerbar entry, headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar separator { background: transparent; } headerbar viewswitcher > box.horizontal > button.radio, headerbar switcher > box.horizontal > button.radio { margin: 0; padding: 0; border-radius: 0; } headerbar viewswitcher > box.horizontal > button.radio image, headerbar switcher > box.horizontal > button.radio image { margin-left: 7px; } headerbar viewswitcher > box.horizontal > button.radio label, headerbar switcher > box.horizontal > button.radio label { margin-right: 7px; } .background:not(.tiled):not(.maximized) .titlebar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { border-top-left-radius: 4px; border-top-right-radius: 4px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #080809; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, infobar { text-shadow: none; color: #F4F5F6; background-color: #101013; border-bottom: 1px solid black; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .info, .warning, .question, .error { text-shadow: none; color: #fefefe; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #fefefe; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(254, 254, 254, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(25, 26, 31, 0.98); color: #F4F5F6; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { color: #F4F5F6; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #191a1f; color: #F4F5F6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { background: rgba(25, 26, 31, 0.6); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(25, 26, 31, 0.5); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info { background-color: #71f79f; color: #000000; } .info:backdrop { background-color: #a1fac0; color: rgba(254, 254, 254, 0.5); } .warning { background-color: #cc5500; } .warning:backdrop { background-color: #ff6a00; color: rgba(254, 254, 254, 0.5); } .question { background-color: #00c1e4; } .question:backdrop { background-color: #18dcff; color: rgba(254, 254, 254, 0.5); } .error { background-color: #e6133e; } .error:backdrop { background-color: #ef3d61; color: rgba(254, 254, 254, 0.5); } /************* * Level Bar * *************/ levelbar block { min-width: 32px; min-height: 6px; } levelbar.vertical block { min-width: 6px; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } levelbar trough { padding: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } levelbar trough:backdrop { background-color: rgba(255, 255, 255, 0.06); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block { border-radius: 2px; } levelbar block:backdrop { box-shadow: none; } levelbar block.low { background-color: #cc5500; } levelbar block.low:backdrop { border-color: #cc5500; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #00c1e4; } levelbar block.full { background-color: #0096b1; } levelbar block.full:backdrop { border-color: #0096b1; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.35); box-shadow: none; } /********* * Links * *********/ *:link, button:link, button:visited { color: #7cb7ff; } *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #98c6fe; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #e5f0fe; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #cbe2fe; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #0072ff; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #cbe2fe; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /********* * Lists * *********/ list { color: #F4F5F6; background-color: #191a1f; border-color: black; } list:backdrop { background-color: #1b1c21; border-color: #020202; } row { background-color: transparent; border-color: black; } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(244, 245, 246, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(0, 114, 255, 0.5); } row.activatable:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } row.activatable button.flat { background-color: transparent; } /********* * Menus * *********/ menubar, .menubar { background-color: #080809; color: #F4F5F6; -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #0072ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #828385; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #151519, #0b0b0d); border: 1px solid black; border-radius: 5px; } .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #191a1e; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #0072ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #828385; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #33333d; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #828385; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } .csd.popup { background: transparent; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(244, 245, 246, 0.1); border-radius: 5px; } /************ * Assistant * *************/ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, assistant .sidebar label { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { background-color: #3e3e40; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; background-color: #0d0d10; } notebook > header:backdrop { border-color: #020202; background-color: #101013; } notebook > header tabs { margin: 0px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 14px; min-width: 14px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 24px; min-width: 24px; padding: 1px 12px; outline-offset: -5px; color: #828385; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #bbbcbe; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.3); background-color: rgba(16, 16, 19, 0.2); } notebook > header tab:backdrop { color: #545557; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #F4F5F6; } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(16, 16, 19, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(16, 16, 19, 0.7); } notebook > header tab:backdrop:checked { color: #828385; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #020202; background-color: #1b1c21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { background: transparent; box-shadow: none; color: #ed254e; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; padding-right: 0px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 3px; } notebook > header.bottom tab { padding-top: 3px; } notebook > header button { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { background-color: #191a1f; } notebook > stack:not(:only-child):backdrop { background-color: #1b1c21; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(black); background-size: 1px 1px; } paned > separator:selected { background-image: image(#0072ff); } paned > separator:backdrop { background-image: image(#020202); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #101013; background-image: image(black), image(black); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #101013; background-image: image(#020202), image(#020202); } 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; } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /*************** * Popovers * ***************/ popover.background { padding: 2px; border-radius: 5px; background: linear-gradient(to bottom, #151519, #0b0b0d); box-shadow: 0 4px 6px black; } .csd popover.background, popover.background { border: 1px solid black; } popover.background:backdrop { background-color: #101013; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(244, 245, 246, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 6px; } progressbar.horizontal progress { margin: 0; } progressbar.vertical progress { margin: 0; background: linear-gradient(to bottom, #03e9b1, #0014ff); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } /************ * GtkScale * ************/ progressbar trough, scale trough, scale fill { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } progressbar trough:disabled, scale trough:disabled, scale fill:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar progress, scale highlight { border: none; background: linear-gradient(to right, #03e9b1, #0014ff); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background: linear-gradient(to right, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { border-color: #1a80ff; background-color: #1a80ff; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { min-height: 16px; min-width: 16px; padding: 8px; } scale.horizontal trough, scale.horizontal progress { min-height: 6px; } scale.vertical trough, scale.vertical progress { min-width: 6px; } scale.vertical highlight { background: linear-gradient(to bottom, #03e9b1, #0014ff); } scale.vertical highlight:disabled { background: linear-gradient(to bottom, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; background-color: #191a1f; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { background-color: #0014ff; } scale slider:active:disabled { background-color: #141418; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } 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: 5px; outline-color: transparent; } scale fill:backdrop, scale fill { background-color: black; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(97, 97, 97, 0.775); } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-color: #191a1f; border: 2px solid #0014ff; border-radius: 12px; background-color: #101013; } scale slider:disabled { background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); border-color: rgba(0, 20, 255, 0.5); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { border-color: #005bcc; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #070708; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop:disabled { background-color: #070708; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 6px; margin-top: -12px; } scale marks.bottom { margin-top: 6px; margin-bottom: -12px; } scale marks.top { margin-right: 6px; margin-left: -12px; } scale marks.bottom { margin-left: 6px; margin-right: -12px; } scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } scale.horizontal.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(black); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /************** * Scrollbars * **************/ scrollbar { background-color: #151519; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid black; } scrollbar.bottom { border-top: 1px solid black; } scrollbar.left { border-right: 1px solid black; } scrollbar.right { border-left: 1px solid black; } scrollbar:backdrop { background-color: #09090b; border-color: #020202; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #99999b; } scrollbar slider:hover { background-color: #c6c7c9; } scrollbar slider:hover:active { background-color: #338eff; } scrollbar slider:backdrop { background-color: #3e3e41; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #F4F5F6; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #F4F5F6; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #99999b; } scrollbar button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c6c7c9; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #338eff; } scrollbar button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 153, 155, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3e41; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(62, 62, 65, 0.2); } 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"); } treeview ~ scrollbar.vertical { border-top: 1px solid black; margin-top: -1px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; border-width: 0; background-color: #151519; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid black; border-right-style: none; } .sidebar:backdrop { background-color: #16161a; border-color: #020202; } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #F4F5F6; } .sidebar row:selected { color: #fefefe; } .sidebar row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background: rgba(0, 114, 255, 0.6); } .sidebar row:selected:backdrop label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #0e0e11; color: #98abb2; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { background-color: #0072ff; color: #fefefe; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(14, 14, 17, 0.95); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: black; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ /*--*/ placessidebar.sidebar { background-color: transparent; background-image: linear-gradient(to right, #020203 40px, #0e0e11 35px, #0e0e11 36px, #0e0e11 36px, #0e0e11 99%, #0e0e11 100%); } placessidebar.sidebar row.sidebar-row label { color: #98abb2; } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; color: #98abb2; } placessidebar.sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); background-color: transparent; /*rgba(65,67,75,0.4); */ background-image: linear-gradient(to right, #1b232d 40px, #191a1f 40px, #191a1f 97%); } placessidebar.sidebar row.sidebar-row:active:hover { color: rgba(0, 0, 0, 0.76); background-color: rgba(0, 0, 0, 0.23); } placessidebar.sidebar row.sidebar-row:selected { color: #fff; background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: #191a1f; } placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #f9dc5c; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } placessidebar list { background-color: transparent; } placessidebar list:backdrop { background-color: transparent; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dedfe1; background-image: none; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.3); border-radius: 0; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #F4F5F6; background-color: rgba(244, 245, 246, 0.05); } spinbutton:not(.vertical) button:disabled { color: rgba(130, 131, 133, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { color: #78797b; background-color: transparent; border-color: rgba(2, 2, 2, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(51, 51, 61, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(254, 254, 254, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #838383; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { color: #828385; } spinbutton.vertical:backdrop:disabled { color: #33333d; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; border-width: 1px; border-color: black; box-shadow: 0 1px rgba(255, 255, 255, 0.1); } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /*********** * Spinner * ***********/ menu spinner { color: #0072ff; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********** * Switch * **********/ switch { font-size: 1px; min-width: 40px; min-height: 25px; background-size: 40px 24px; background-repeat: no-repeat; background-position: center center; background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:disabled { background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } switch:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"), url("../assets/switch-slider-insensitive@2.png")); } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch:checked { background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } switch:checked slider { background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("../assets/switch-on-insensitive.svg"), url("../assets/switch-on-insensitive.svg")); } switch:checked:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-on-insensitive.svg"), url("../assets/switch-slider-on-insensitive@2.png")); } switch slider { min-width: 1px; min-height: 1px; background-repeat: no-repeat; background-position: left center; background-color: transparent; background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } switch trough:active, switch trough:checked { background-color: #0072ff; } switch trough:active:backdrop, switch trough:checked:backdrop { background-color: rgba(0, 114, 255, 0.6); } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #101013; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(7, 7, 8, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; } .inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: black; background-color: #0b0b0d; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: #020202; background-color: #0b0b0d; box-shadow: none; transition: 200ms ease-out; } searchbar { background: #191a1f; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 4px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: #020203; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /************** * Tree Views * **************/ treeview.view { border-left-color: #87888b; border-top-color: #101013; } * { -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:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #7fb8ff; border-top-color: rgba(244, 245, 246, 0.1); } treeview.view:disabled { color: #828385; } treeview.view:disabled:selected { color: #66aaff; } treeview.view:disabled:selected:backdrop { color: rgba(32, 132, 255, 0.85); } treeview.view:disabled:backdrop { color: #33333d; } treeview.view.separator { min-height: 2px; color: #101013; } treeview.view.separator:backdrop { color: rgba(16, 16, 19, 0.1); } treeview.view:backdrop { border-left-color: #494a4c; border-top: #101013; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #005bcc; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b2b3b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #F4F5F6; } treeview.view.expander:selected { color: #b2d4fe; } treeview.view.expander:selected:hover { color: #fefefe; } treeview.view.expander:selected:backdrop { color: rgba(111, 175, 255, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #636467; } treeview.view.progressbar { border: 1px solid #005bcc; border-radius: 4px; background-color: #0072ff; background-image: linear-gradient(to bottom, #0072ff, #005bcc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #191a1f, #020203); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { border-color: #1b1c21; background-color: #1b1c21; } treeview.view.progressbar:backdrop { border-color: #1b1c21; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(244, 245, 246, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005bcc; border-radius: 4px; } treeview.view header button { color: #87888b; background-color: #191a1f; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #bebfc1; box-shadow: none; transition: none; } treeview.view header button:active { color: #F4F5F6; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; transition: none; background-image: none; background-color: #0072ff; color: #191a1f; border-radius: 0; border-style: none; box-shadow: inset 0 0 0 1px #191a1f; text-shadow: none; } treeview.view acceleditor > label { background-color: #0072ff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; border-radius: 0; background-image: none; text-shadow: none; border-width: 1px; border-style: none solid solid none; border-color: #101013; } treeview.view header button:disabled { border-color: #101013; background-image: none; } treeview.view header button:backdrop { border-color: #101013; border-style: none solid solid none; color: #494a4c; background-image: none; background-color: #1b1c21; } treeview.view header button:backdrop:disabled { border-color: #101013; background-image: none; } /********************** * Window Decorations * *********************/ decoration { border-radius: 4px 4px 0 0; border-width: 0px; border-width: 0px; box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.8); margin: 10px; } decoration:backdrop { box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.6); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { box-shadow: none; } .csd.popup decoration { border-radius: 7px; box-shadow: 0 4px 8px black; border: 1px solid black; } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.8); } .solid-csd decoration { border-radius: 0; margin: 0px; background-color: #101013; border: solid 1px #020202; box-shadow: none; } button.titlebutton { background-repeat: no-repeat; background-position: center; min-height: 20px; padding: 0 1px; box-shadow: none; } button.titlebutton.close { background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } button.titlebutton.close:hover, button.titlebutton.close:active { background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } button.titlebutton.maximize { background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } button.titlebutton.maximize:hover, button.titlebutton.maximize:active { background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } button.titlebutton.minimize { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } button.titlebutton.minimize:hover, button.titlebutton.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } button.titlebutton:backdrop { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #0072ff; } row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { color: #fefefe; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { color: #7fb8ff; } row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: rgba(254, 254, 254, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { color: rgba(32, 132, 255, 0.85); } .monospace { font-family: Monospace; } /********************** * DE-Specific Styles * **********************/ /********* * Budgie * *********/ .budgie-container { background-color: transparent; } .budgie-container:backdrop { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { border: none; background: none; padding: 0; margin: 0; } .budgie-popover .container, .budgie-popover border, .budgie-popover list, .budgie-popover row { padding: 0; margin: 0; background: none; border: none; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; opacity: 1; min-width: 0; min-height: 0; } .budgie-popover, .budgie-popover.background { border-radius: 2px; padding: 0; background: #080809; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, .budgie-popover.background row:hover { background: none; } .budgie-popover > frame.container, .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { color: #F4F5F6; } .budgie-popover button:hover, .budgie-popover.background button:hover { color: #fefefe; background: #25262d; } .budgie-popover > .container { padding: 2px; } .budgie-menu { color: #F4F5F6; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { -gtk-icon-effect: none; } .budgie-menu entry.search { border: none; background: none; padding: 5px 2px; border-bottom: 1px solid black; border-radius: 0; font-size: 120%; box-shadow: none; color: #F4F5F6; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-menu entry.search image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-menu .categories { border-width: 0; margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { border-right: 1px solid black; } .budgie-menu .categories:dir(rtl) { border-left: 1px solid black; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { background-color: rgba(244, 245, 246, 0.05); color: #F4F5F6; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { color: #fefefe; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; border-color: black; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; border-radius: 0; box-shadow: none; } .budgie-menu button { border: none; background: transparent; } .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { color: rgba(244, 245, 246, 0.7); } button.budgie-menu-launcher { padding: 0 2px; color: white; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } button.budgie-menu-launcher:backdrop { color: white; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #0072ff; box-shadow: none; background-color: #17181d; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(244, 245, 246, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #0072ff; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } button.raven-trigger { padding-left: 2px; padding-right: 2px; color: white; box-shadow: none; } button.raven-trigger:hover { color: white; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #0072ff; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #0072ff; background-color: transparent; } .places-menu .container { padding: 0; } .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { background: rgba(244, 245, 246, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; border: none; padding: 3px; border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { color: #ed254e; } .budgie-panel:backdrop { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } .budgie-panel button.flat { background: transparent; border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; color: #0072ff; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; margin: 0; } .budgie-panel label { color: white; font-weight: 700; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.4); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { border-top-color: transparent; } .left .budgie-panel.transparent { border-right-color: transparent; } .right .budgie-panel.transparent { border-left-color: transparent; } .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(244, 245, 246, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: #F4F5F6; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; background-clip: padding-box; } .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; background-color: transparent; } .budgie-panel button.flat.launcher { box-shadow: none; } .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #0072ff; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #0072ff; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #0072ff; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #0072ff; } .top .budgie-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } .raven { padding: 0; color: #F4F5F6; background: #080809; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; color: #F4F5F6; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; background-color: rgba(7, 7, 8, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { border-top-style: none; border-color: transparent; margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { color: #0067e6; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; color: #fefefe; background-color: rgba(230, 19, 62, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; color: #fefefe; background-color: rgba(237, 37, 78, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { color: #fefefe; background-color: rgba(239, 61, 97, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; border-radius: 0; } .raven .raven-header button:hover { color: #0072ff; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { color: #828385; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .raven list { color: #F4F5F6; background-color: transparent; } .raven list:selected { background-color: rgba(0, 114, 255, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { background-color: rgba(36, 36, 41, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(0, 114, 255, 0.9); } .raven .raven-background { color: #F4F5F6; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { border-bottom-style: none; } .raven .powerstrip { background-color: transparent; border-top-color: transparent; } .raven .powerstrip button.image-button { border-radius: 50%; padding: 5px; min-width: 32px; min-height: 32px; margin-bottom: 3px; background: #c74ded; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { background: rgba(199, 77, 237, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .raven .powerstrip button.image-button:first-child:hover { background: rgba(0, 114, 255, 0.85); } .raven .powerstrip button.image-button:first-child:active { background: #0072ff; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; color: #F4F5F6; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; color: #0069eb; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { color: #F4F5F6; border: none; border-radius: 0; background-color: transparent; } calendar.raven-calendar button, calendar.raven-calendar button:focus { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { color: #F4F5F6; background-color: transparent; } .raven-mpris { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; background-color: #191a1f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { background-color: #0072ff; } .raven-mpris button.image-button:active { background-color: #0067e6; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { margin-left: 4px; } .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { padding: 4px; margin-top: 6px; margin-bottom: 6px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #0072ff; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #0067e6; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { background-color: #0067e6; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: #F4F5F6; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(244, 245, 246, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; color: #ed254e; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; color: #e6133e; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { color: #F4F5F6; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; color: #F4F5F6; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { color: #F4F5F6; } .budgie-switcher-window flowboxchild:selected { color: #fefefe; background-color: rgba(0, 114, 255, 0.5); } .budgie-switcher-window flowboxchild:selected:active { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #0067e6; } .budgie-switcher-window flowboxchild:selected:disabled { color: rgba(254, 254, 254, 0.7); background-color: rgba(0, 114, 255, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(244, 245, 246, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; border-color: black; border-radius: 0; color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { font-weight: 700; } .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { border-left: none; border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(206, 17, 56, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; color: #F4F5F6; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { color: rgba(244, 245, 246, 0.7); } .budgie-polkit-dialog .failure { color: #ed254e; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; padding: 8px 5px; border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { color: #F4F5F6; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } .budgie-menubar menu { margin: 4px; padding: 5px; border-radius: 0; background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #0072ff; color: #fefefe; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-bottom: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(244, 245, 246, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { border-style: none none solid; } .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } .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(24, 24, 27, 0.95); } .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.current-workspace { background-color: rgba(12, 12, 14, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; box-shadow: 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: 2px; } /************ * Nautilus * ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #0072ff; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #0072ff; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; background-color: rgba(18, 19, 22, 0.95); } .nautilus-window .sidebar .list-row button:active { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window .sidebar .list-row:hover { background-color: rgba(25, 26, 31, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window.background { background-color: rgba(18, 19, 22, 0.95); } .nautilus-window.background:backdrop { background-color: rgba(18, 19, 22, 0.95); } .nautilus-window notebook > stack:only-child { background-color: #191a1f; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #1b1c21; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 10px; box-shadow: none; margin-top: 10px; margin-bottom: 10px; } .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } .nautilus-window .titlebar .path-buttons-box .dim-label, .nautilus-window .titlebar .path-buttons-box label.separator, .nautilus-window .titlebar .path-buttons-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-buttons-box button .horizontal .dim-label, .nautilus-window .titlebar .path-buttons-box button .horizontal label.separator, .nautilus-window .titlebar .path-buttons-box button .horizontal .subtitle { color: #F4F5F6; } .nautilus-window .titlebar .path-buttons-box button:hover .dim-label, .nautilus-window .titlebar .path-buttons-box button:hover label.separator, .nautilus-window .titlebar .path-buttons-box button:hover .subtitle, .nautilus-window .titlebar .path-buttons-box button:focus .dim-label, .nautilus-window .titlebar .path-buttons-box button:focus label.separator, .nautilus-window .titlebar .path-buttons-box button:focus .subtitle { color: #0072ff; } .nautilus-window .titlebar .path-buttons-box .current-dir label { padding: 6px 12px; border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #0072ff; box-shadow: none; border: none; } .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; margin-right: 5px; } .nautilus-window .linked:not(.vertical) > entry:focus { border-color: rgba(0, 114, 255, 0.6); } .nautilus-circular-button { border-radius: 20px; -gtk-outline-radius: 20px; } .disk-space-display { border: 2px solid; } .disk-space-display .unknown { background-color: #888a85; border-color: #555653; } .disk-space-display .used { background-color: #9FB0B9; border-color: #667f8c; } .disk-space-display .free { background-color: #D8D8D8; border-color: #a5a5a5; } .nautilus-desktop { color: #F4F5F6; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #fefefe; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* * Gedit * *********/ .gedit-search-slider { padding: 4px; border-radius: 0 0 3px 3px; border: 0; background-color: #101013; } /********* * Gnucash * *********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { border-color: #0072ff; } /******************* * Calendar events * ********************/ .color-light.timed label { color: #F4F5F6; opacity: 1; } .week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { color: #101013; opacity: 1; } .xfce4-panel { border-radius: 0; } .xfce4-panel.panel { background-color: #191a1f; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0072ff; } .xfce4-panel.panel button.flat:not(.open_group) { color: white; border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); transition: none; } .xfce4-panel.panel button.flat:hover:not(.open_group) { border: none; background-color: #30323b; } .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { color: white; background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { color: inherit; } #whiskermenu-window button { background-color: transparent; border: none; border-radius: 0; font-weight: normal; padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { background-color: #0072ff; } /* thunar */ .thunar toolbar { background-color: #080809; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } /* path-bar of thunar */ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar toolbar .path-bar-button { margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { color: #0072ff; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, .thunar toolbar .path-bar-button { background: none; outline: none; border: none; box-shadow: none; } /* thunar sidepane */ .thunar scrolledwindow.sidebar treeview.view { background: #09090b; padding: 1.5px; } .thunar scrolledwindow.sidebar treeview.view:hover { background: #191a1f; } .thunar scrolledwindow.sidebar treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; border-radius: 0; box-shadow: none; } window.thunar toolbar#location-toolbar entry { border-radius: 10px; } /* Vala-appmenu-plugin*/ .-vala-panel-appmenu-core scrolledwindow, .-vala-panel-appmenu-private > menuitem, .-vala-panel-appmenu-private > menuitem:first-child > label { color: white; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #191a1f; background-color: #191a1f; } .gala-notification .title, .gala-notification .label { color: #F4F5F6; } .gala-button { padding: 3px; color: #191a1f; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: #F4F5F6; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; } .button.app .app:hover { border-radius: 8px; border: none; background-color: rgba(0, 114, 255, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: #F4F5F6; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(0, 114, 255, 0.3); color: #fefefe; } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: #F4F5F6; } /********* * Panel * ********/ .composited-indicator > revealer, .composited-indicator > revealer image, .composited-indicator > revealer label, .composited-indicator > revealer spinner { color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } .composited-indicator > revealer image:first-child + label { margin-left: 5px; } .panel.color-light .composited-indicator > revealer, .panel.color-light .composited-indicator > revealer image, .panel.color-light .composited-indicator > revealer label, .panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; } PantheonCalculatorMainWindow .window-frame { border-radius: 3px; } /********* * Cards * *********/ .deck { background-color: black; } .card { background-color: #191a1f; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { background-color: #0e0e11; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .action-bar { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .window-frame { border-radius: 3px; } /******** * Snap * ********/ SnapMainWindow .take-button, SnapSnapWindow .take-button { border-radius: 0; } /******************* * Photos/Shotwell * *******************/ DirectWindow .the-button-in-the-combobox, LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { background-color: #101013; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { background-color: #F4F5F6; } /********* * Avatar * *********/ .avatar { border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } /************ * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { background: linear-gradient(#30323b, #30323b); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #03e9b1, #0014ff); } /************************** * Colors in context menu * **************************/ checkbutton.color-button { border: 1px solid black; border-radius: 100px; background-clip: border-box; padding: 0; margin: 2px 1px; } checkbutton.color-button > check { -gtk-icon-source: none; background: none; margin-right: 0; padding: 2px; } checkbutton.color-button.none > check { background-color: transparent; border-radius: 100px; -gtk-icon-source: -gtk-icontheme("close-symbolic"); } radiobutton.color-button > radio { -gtk-icon-source: none; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px; background-clip: border-box; } radiobutton.color-button:active > radio { border: 1px solid rgba(0, 0, 0, 0.35); } .color-button check, .color-button check:checked, .color-button radio, .color-button radio:checked { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; color: #191a1f; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } .color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } .color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } .color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } .color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } .color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } .color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } .color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } .color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } .color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } .color-button.auto radio { background-image: url("assets/color-button-auto.png"); background-position: -1px -1px; background-repeat: no-repeat; background-size: calc(100% + 2px); } /******** * Unity * *********/ /* Unity window border color */ /* Unity window text color */ /* Backdrop Unity window text color */ /* Unity panel color #454D50 */ UnityDecoration { /* Border properties (top, right, bottom, left) */ -UnityDecoration-extents: 28px 1px 1px 1px; /* the size of the decorations */ -UnityDecoration-input-extents: 10px; /* the extra size of the input areas */ /* Shadows settings */ -UnityDecoration-shadow-offset-x: 1px; /* Size property, the shadow x offset */ -UnityDecoration-shadow-offset-y: 1px; /* Size property, the shadow y offset */ -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, active window shadow color */ -UnityDecoration-active-shadow-radius: 8px; /* Size property, active window shadow radius */ -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, inactive windows shadow color */ -UnityDecoration-inactive-shadow-radius: 5px; /* Size property, inactive windows shadow radius */ /* Glow applied to the selected scaled window */ -UnityDecoration-glow-size: 8px; /* Size property, size of glow */ -UnityDecoration-glow-color: #0072ff; /* Color property of the glow */ /* Title settings */ -UnityDecoration-title-indent: 10px; /* Size property, left indent of the title */ -UnityDecoration-title-fade: 35px; /* Size property, space of the title that can be faded */ -UnityDecoration-title-alignment: 0.0; /* Float from 0.0 to 1.0, to align the title */ background-color: #eeeeee; color: #31363D; } UnityDecoration .top { padding: 0 5px 0 5px; border-radius: 4px 4px 0px 0px; box-shadow: none; border: 1px solid #eeeeee; border-bottom-width: 0; background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } UnityDecoration .top .menuitem:backdrop { color: #1a1d21; } UnityDecoration.left, UnityDecoration.right { background-repeat: repeat-x; background-color: #ececec; background-size: 1px 120px; background-clip: border-box; background-image: linear-gradient(to bottom, #eeeeee, #ececec); } UnityDecoration.bottom { background-size: 1px; background-repeat: repeat-x; background-color: #ececec; } UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-size: 1px; background-repeat: repeat-x; } /************** * Unity Panel * ***************/ UnityPanelWidget, .unity-panel { background-color: #d5d5d5; color: #31363D; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #1a1d21; } .unity-panel.menuitem, .unity-panel .menuitem { border-width: 0 1px; color: #31363D; } .unity-panel.menubar, .unity-panel .menubar { color: #31363D; } .unity-panel.menu.menubar, .unity-panel .menu .menubar { background-color: #d5d5d5; color: #31363D; } .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { color: #828385; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { padding: 3px 5px; border-width: 1px; border-style: solid; border: none; background: none; color: #31363D; box-shadow: none; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem:hover { border-radius: 0; background-color: #ebebeb; color: #31363D; box-shadow: none; } .unity-panel.menubar .menuitem *:hover { color: white; box-shadow: none; } .unity-panel.menubar .menuitem.separator, .unity-panel.menubar.menuitem.separator { border: none; color: black; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #191a1f; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #0072ff; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid black; } MsdOsdWindow.background.osd .progressbar { background-color: #0072ff; border: none; border-color: #0072ff; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(0, 0, 0, 0.98); border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar button { border-radius: 0; } /*********************** * App-Specific Styles * ***********************/ /********* * Geary * *********/ .geary-titlebar-left .separator, .geary-titlebar-right .separator { opacity: 0; } ConversationListView { -GtkTreeView-grid-line-width: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #0072ff; color: #fefefe; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { color: #fefefe; border: 0px solid #005bcc; } /*********** * LightDm * ***********/ #panel_window { background-color: #191a1f; color: white; font-weight: bold; box-shadow: inset 0 -1px #09090b; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } #panel_window .menubar .menuitem:disabled, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } #panel_window .menubar .menuitem:disabled label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #F4F5F6; } #content_frame { padding-bottom: 14px; background-color: #101013; 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 { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } #content_frame button:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } #content_frame button:active, #content_frame button:checked { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } #content_frame button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #080809; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; } #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: #F4F5F6; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nemo-window .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: #30323b; -NemoPlacesTreeView-disk-full-fg-color: #00e8c6; -GtkTreeView-vertical-separator: 7; } .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { background: rgba(7, 7, 8, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { background: #0072ff; } .nemo-window .sidebar { color: #98abb2; background-color: #0e0e11; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; color: #F4F5F6; border: 1px solid black; border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { background-color: #0072ff; color: #fefefe; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #080809; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 5px; margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; color: #0072ff; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nemo-window .nemo-inactive-pane .view:not(:selected), .nemo-window .nemo-inactive-pane iconview:not(:selected), .nemo-window .nemo-inactive-pane iconview { background-color: #09090b; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { background: #25262d; color: #F4F5F6; border-color: #0072ff; } .caja-notebook .entry:selected { background: #0072ff; color: #fefefe; } /************** * Caja sidebar * **************/ .caja-side-pane { background: #080809; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { background: #0e0e11; padding: 3px 2px; color: #F4F5F6; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { background-color: rgba(9, 9, 11, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { color: #fefefe; background: #0072ff; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #080809; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { background: #0072ff; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { color: #fefefe; } .caja-pathbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { color: #0072ff; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; } /*# sourceMappingURL=gtk.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-4.0/gtk-dark.css ================================================ /*$selected_bg_color: #00e8c6;06d6a0*/ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #F4F5F6; /* text color for entries, views and content in general */ @define-color theme_text_color #F4F5F6; /* widget base background color */ @define-color theme_bg_color #101013; /* text widgets and the like base background color */ @define-color theme_base_color #191a1f; /* base background color of selections */ @define-color theme_selected_bg_color #0072ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #fefefe; /* base background color of disabled widgets */ @define-color insensitive_bg_color #141418; /* text foreground color of disabled widgets */ @define-color insensitive_fg_color #828385; /* disabled text widgets and the like base background color */ @define-color insensitive_base_color #191a1f; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #828385; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #F4F5F6; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #101013; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #1b1c21; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #0072ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #fefefe; /* widgets main borders color */ @define-color borders black; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #020202; /* these are pretty self explicative */ @define-color warning_color #cc5500; @define-color error_color #e6133e; @define-color success_color #0096b1; @define-color fg_color #F4F5F6; @define-color text_color #F4F5F6; @define-color bg_color #101013; @define-color base_color #191a1f; @define-color selected_bg_color #0072ff; @define-color selected_fg_color #fefefe; @define-color unfocused_fg_color #828385; @define-color unfocused_text_color #F4F5F6; @define-color unfocused_bg_color #101013; @define-color unfocused_base_color #1b1c21; @define-color unfocused_selected_bg_color #0072ff; @define-color unfocused_selected_fg_color #fefefe; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#F4F5F6, 1.8); @define-color wm_unfocused_title #828385; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#101013, 1.2); @define-color wm_bg_b #101013; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#101013, 1.3); @define-color wm_button_hover_color_b #101013; @define-color wm_button_active_color_a shade(#101013, 0.85); @define-color wm_button_active_color_b shade(#101013, 0.89); @define-color wm_button_active_color_c shade(#101013, 0.9); @define-color content_view_bg #191a1f; @define-color text_view_bg #191a1f; @define-color budgie_tasklist_indicator_color #0072ff; @define-color budgie_tasklist_indicator_color_active #0072ff; @define-color placeholder_text_color #c9cacb; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @define-color STRAWBERRY_700 #a10705; @define-color STRAWBERRY_900 #7a0000; @define-color ORANGE_100 #ffc27d; @define-color ORANGE_300 #ffa154; @define-color ORANGE_500 #f37329; @define-color ORANGE_700 #cc3b02; @define-color ORANGE_900 #a62100; @define-color BANANA_100 #fff394; @define-color BANANA_300 #ffe16b; @define-color BANANA_500 #f9c440; @define-color BANANA_700 #d48e15; @define-color BANANA_900 #ad5f00; @define-color LIME_100 #d1ff82; @define-color LIME_300 #9bdb4d; @define-color LIME_500 #68b723; @define-color LIME_700 #3a9104; @define-color LIME_900 #206b00; @define-color MINT_100 #89ffdd; @define-color MINT_300 #43d6b5; @define-color MINT_500 #28bca3; @define-color MINT_700 #0e9a83; @define-color MINT_900 #007367; @define-color BLUEBERRY_100 #8cd5ff; @define-color BLUEBERRY_300 #64baff; @define-color BLUEBERRY_500 #3689e6; @define-color BLUEBERRY_700 #0d52bf; @define-color BLUEBERRY_900 #002e99; @define-color BUBBLEGUM_100 #fe9ab8; @define-color BUBBLEGUM_300 #f4679d; @define-color BUBBLEGUM_500 #de3e80; @define-color BUBBLEGUM_700 #bc245d; @define-color BUBBLEGUM_900 #910e38; @define-color GRAPE_100 #e4c6fa; @define-color GRAPE_300 #cd9ef7; @define-color GRAPE_500 #a56de2; @define-color GRAPE_700 #7239b3; @define-color GRAPE_900 #452981; @define-color COCOA_100 #a3907c; @define-color COCOA_300 #8a715e; @define-color COCOA_500 #715344; @define-color COCOA_700 #57392d; @define-color COCOA_900 #3d211b; @define-color SILVER_100 #fafafa; @define-color SILVER_300 #d4d4d4; @define-color SILVER_500 #abacae; @define-color SILVER_700 #7e8087; @define-color SILVER_900 #555761; @define-color SLATE_100 #95a3ab; @define-color SLATE_300 #667885; @define-color SLATE_500 #485a6c; @define-color SLATE_700 #273445; @define-color SLATE_900 #0e141f; @define-color BLACK_100 #666; @define-color BLACK_300 #4d4d4d; @define-color BLACK_500 #333; @define-color BLACK_700 #1a1a1a; @define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ /********* * Common * *********/ * { padding: 0; outline-color: rgba(244, 245, 246, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 0px; -gtk-secondary-caret-color: #0072ff; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar, actionbar > revealer > box { background-color: black; border: solid black; border-width: 1px 0 0 0; color: #F4F5F6; box-shadow: none; } .action-bar:backdrop, actionbar > revealer > box:backdrop { background-color: black; box-shadow: none; } .action-bar:first-child, actionbar > revealer > box:first-child { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } .action-bar:last-child, actionbar > revealer > box:last-child { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(7, 7, 8, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /*************** * Base States * ***************/ .background { color: #F4F5F6; background-color: #101013; } .background:backdrop { color: #828385; background-color: #101013; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ .gtkstyle-fallback { color: #F4F5F6; background-color: #101013; } .gtkstyle-fallback:hover { color: #F4F5F6; background-color: #27272f; } .gtkstyle-fallback:active { color: #F4F5F6; background-color: black; } .gtkstyle-fallback:disabled { color: #828385; background-color: #141418; } .gtkstyle-fallback:selected { color: #fefefe; background-color: #0072ff; } .view, iconview, textview > text { color: #F4F5F6; background-color: #191a1f; } .view:backdrop, iconview:backdrop, textview > text:backdrop { color: #c9cacb; background-color: #1b1c21; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } textview > text { background-color: transparent; } textview border { background-color: #151519; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, columnview.view > rubberband, treeview.view > rubberband { border: 1px solid #005bcc; background-color: rgba(0, 91, 204, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } label { caret-color: currentColor; } label.separator { color: #F4F5F6; } label.separator:backdrop { color: #828385; } label selection { background-color: #0072ff; color: #fefefe; } label:disabled { color: #828385; } label:disabled:backdrop { color: #33333d; } label:backdrop { color: #828385; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3e3e40; } .app-notification, .app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #fefefe; border: 1px solid #171e27; background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, popover.background.magnifier > contents:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } *:selected { background: #0072ff; color: #fefefe; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #4d9cff 0%, rgba(77, 156, 255, 0) 0%); } to { background-image: radial-gradient(farthest-side, #4d9cff 95%, rgba(77, 156, 255, 0)); } } notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 2px 6px; border: 1px solid black; border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0067e6; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; transition: 200ms ease-out; -gtk-icon-filter: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { background-color: #1f2026; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { background-color: #0072ff; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 2px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #828385; } button.osd { min-width: 24px; min-height: 20px; color: #fefefe; border-radius: 5px; outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 32px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .selection-mode windowcontrols button, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; opacity: 0.85; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; opacity: 0.75; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #fe8c00, #f83600); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; opacity: 0.85; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 17, 56, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; opacity: 0.75; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(206, 17, 56, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ce1138, #ce1138); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #4d9cff 96%, rgba(77, 156, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } toolbar button:active { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #fefefe; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #0067e6; } .inline-toolbar toolbutton > button:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(0, 103, 230, 0.3); } .inline-toolbar toolbutton > button:backdrop { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #0067e6; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(0, 103, 230, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid black; border-radius: 0; border-right-style: none; box-shadow: none; } .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > entry:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > entry:only-child { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #232329; } modelbutton.flat check:last-child, modelbutton.flat radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } modelbutton.flat check:first-child, modelbutton.flat radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } /************ * Calendar * ***********/ calendar { color: #F4F5F6; border: 1px solid black; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(244, 245, 246, 0.45); } calendar.button:hover { color: #F4F5F6; } calendar.button:backdrop { color: rgba(130, 131, 133, 0.45); } calendar.button:disabled { color: rgba(130, 131, 133, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #F4F5F6; } calendar:backdrop { color: #c9cacb; border-color: #020202; } /************************* * Check and Radio Items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } check:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); -gtk-icon-shadow: none; } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); -gtk-icon-shadow: none; } check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); -gtk-icon-shadow: none; } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } .view.content-view check, iconview.content-view check, .view.content-view.check, iconview.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view radio, iconview.content-view radio, .view.content-view.radio, iconview.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view check:hover, iconview.content-view check:hover, .view.content-view.check:hover, iconview.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:hover, iconview.content-view radio:hover, .view.content-view.radio:hover, iconview.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view check:active, iconview.content-view check:active, .view.content-view.check:active, iconview.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:active, iconview.content-view radio:active, .view.content-view.radio:active, iconview.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, iconview.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, iconview.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, .view.content-view.check:disabled, iconview.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, .view.content-view.radio:disabled, iconview.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, iconview.content-view.check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, iconview.content-view.radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 16px; min-width: 16px; border: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; animation: none; } /***************** * Color Chooser * *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: black; } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } colorswatch.light overlay { color: #F4F5F6; } colorswatch.light overlay:hover { border-color: black; } colorswatch.light overlay:backdrop { color: #c9cacb; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid black; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: black; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } colorswatch#add-color-button overlay:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /*********** * Dialogs * ***********/ messagedialog, .messagedialog, .dialog { background-color: #101013; } messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { background-color: rgba(16, 16, 19, 0.95); } messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { min-height: 20px; background-image: none; background-color: rgba(16, 16, 19, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { background-color: #0e0e10; color: #F4F5F6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button, .messagedialog.csd .dialog-action-area button, .dialog.csd .dialog-action-area button { padding: 7px 11px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; background-color: transparent; color: #F4F5F6; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover, .messagedialog.csd .dialog-action-area button:hover, .dialog.csd .dialog-action-area button:hover { background-color: rgba(0, 114, 255, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child, .messagedialog.csd .dialog-action-area button:first-child, .dialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 4px; } messagedialog.csd .dialog-action-area button:last-child, .messagedialog.csd .dialog-action-area button:last-child, .dialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 4px; } messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action, .messagedialog.csd .dialog-action-area button.destructive-action, .messagedialog.csd .dialog-action-area button.suggested-action, .dialog.csd .dialog-action-area button.destructive-action, .dialog.csd .dialog-action-area button.suggested-action { color: white; } .messagedialog .message-area { padding: 26px; } filechooser .dialog-action-box { border-top: 1px solid black; } filechooser .dialog-action-box:backdrop { border-top-color: #020202; } filechooser #pathbarbox { border-bottom: 1px solid #101013; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), spinbutton.vertical > text, entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #F4F5F6; border-color: black; background-color: #22232a; } spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, entry image.left { padding-left: 0; padding-right: 6px; } spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, entry image.right { padding-left: 6px; padding-right: 0; } spinbutton:not(.vertical) undershoot.left, spinbutton.vertical > text undershoot.left, entry 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; box-shadow: none; } spinbutton:not(.vertical) undershoot.right, spinbutton.vertical > text undershoot.right, entry 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; box-shadow: none; } spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, entry.flat:focus-within, entry.flat { min-height: 0; padding: 2px; background-image: none; border-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, entry:focus-within { border-color: #005bcc; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, entry:disabled { color: #828385; border-color: black; background-color: #141418; box-shadow: none; } spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, entry:backdrop { color: #c9cacb; border-color: #020202; background-color: #1b1c21; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, entry:backdrop:disabled { color: #33333d; border-color: #020202; background-color: #141418; box-shadow: none; } spinbutton.error:not(.vertical), spinbutton.vertical > text.error, entry.error { color: #F4F5F6; border-color: black; background-color: #22232a; color: #e6133e; border-color: #410512; } spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, entry.error:focus-within { border-color: #410512; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, entry.error:selected:focus, entry.error:selected { background-color: #e6133e; } spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, entry.warning { color: #F4F5F6; border-color: black; background-color: #22232a; color: #cc5500; border-color: #1a0b00; } spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, entry.warning:focus-within { border-color: #1a0b00; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } spinbutton:not(.vertical) image, spinbutton.vertical > text image, entry image { color: #c8c9cb; } spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, entry image:hover { color: #F4F5F6; } spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, entry image:active { color: #0072ff; } spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, entry image:backdrop { color: #6d6e71; } spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, .osd entry:focus-within { color: white; border-color: #0072ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, .osd entry:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 32, 33, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0072ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > entry { border-right-style: solid; border-right-color: transparent; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > entry:focus-within { border-color: #005bcc; box-shadow: 0px 0px 1px 1px #0072ff inset; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > entry:focus-within + .popup button { border-left-color: #0072ff; } .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > entry + .popup button { border-radius: 0px 3px 3px 0px; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { border-top-color: #121216; background-image: linear-gradient(to bottom, #191a1f, #191a1f); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { border-top-color: #141418; background-image: linear-gradient(to bottom, #1b1c21, #1b1c21); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + entry:disabled { border-top-color: #121216; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #005bcc; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #005bcc; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #71f79f; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #191a1f; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #191a1f; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #0072ff; } /************* * Expanders * *************/ expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:hover { color: white; } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /**************** * Floating Bar * ****************/ .floating-bar { background-color: #101013; border-width: 1px; border-style: solid solid none; border-color: black; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } .floating-bar:backdrop { background-color: #101013; border-color: #020202; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid black; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #020202; } actionbar > revealer > box { padding: 6px; border-top: 1px solid black; } actionbar > revealer > box:backdrop { border-color: #020202; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at top, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at bottom, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at left, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at right, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #020202 85%, rgba(2, 2, 2, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; 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; box-shadow: 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; box-shadow: 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; box-shadow: 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; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, black 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #151519; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #020202 1px, transparent 1px); background-color: #09090b; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { border: 1px solid #191a1f; background: #191a1f; color: #F4F5F6; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #0072ff; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #191a1f; background-image: none; border: 1px solid #191a1f; color: #F4F5F6; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #191a1f; } GraniteWidgetsWelcome GtkLabel { color: #F4F5F6; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(244, 245, 246, 0.8); } /************** * Source List * ***************/ .source-list { background-color: #101013; border: solid black; color: #F4F5F6; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: #101013; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: #040405; } .source-list row, .source-list .list-row { border: none; padding: 0; } .source-list row > GtkLabel, .source-list row > label, .source-list .list-row > GtkLabel, .source-list .list-row > label { padding-left: 6px; padding-right: 6px; } /************** * Text Styles * **************/ .h1 { font-size: 24px; } .h2 { font-weight: 300; font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { font-size: 12px; padding: 6px; color: rgba(244, 245, 246, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /************** * Storage Bar * **************/ .storage-bar .trough { border: none; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-image: none; background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { background-color: #f9dc5c; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } .storage-bar .fill-block:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { background-color: #191a1f; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { background-color: #ff6a00; } .storage-bar .fill-block.photo { background-color: #ed254e; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #080809; color: #F4F5F6; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { border-color: #020202; transition: 200ms ease-out; } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar entry, headerbar entry { min-height: 24px; } .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; min-height: 14px; margin-top: 5px; margin-bottom: 5px; box-shadow: none; } .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } .titlebar button.suggested-action, headerbar button.suggested-action { box-shadow: none; border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked, headerbar button.suggested-action:disabled:backdrop:hover, headerbar button.suggested-action:disabled:backdrop:active, headerbar button.suggested-action:disabled:backdrop:checked, headerbar button.suggested-action:backdrop:hover, headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } .titlebar button.appmenu:backdrop, headerbar button.appmenu:backdrop { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, headerbar button:active, headerbar button:checked { background-color: transparent; color: #0072ff; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; border: none; } .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, headerbar button:backdrop:hover, headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; color: #0072ff; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #0072ff; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { color: transparent; box-shadow: none; border: none; background-color: transparent; background-image: none; background-repeat: no-repeat; } .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:backdrop:hover, headerbar button.titlebutton * { color: transparent; box-shadow: none; background-color: transparent; } .titlebar .linked > button, .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, headerbar .titlebar .linked > button, .titlebar headerbar .linked > button, headerbar .linked > button, headerbar .titlebar .linked > button:active, .titlebar headerbar .linked > button:active, headerbar .linked > button:active, headerbar .titlebar .linked > button:checked, .titlebar headerbar .linked > button:checked, headerbar .linked > button:checked, headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, headerbar .titlebar .linked > button:backdrop, .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { border-radius: 23px; border-right-style: none; border: none; box-shadow: none; margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } .titlebar .linked > button:only-child, .titlebar headerbar .linked > button:only-child, headerbar .titlebar .linked > button:only-child, headerbar .linked > button:only-child { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { color: #ffe6e6; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #005bcc; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 114, 255, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } headerbar entry, headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar separator { background: transparent; } .background:not(.tiled):not(.maximized) .titlebar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { border-top-left-radius: 4px; border-top-right-radius: 4px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #080809; } .sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { background-color: #080809; } .nautilus-window .sidebar-pane .top-bar headerbar { padding-top: 6px; padding-bottom: 6px; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, infobar { text-shadow: none; color: #F4F5F6; background-color: #101013; border-bottom: 1px solid black; box-shadow: none; } .info, .warning, .question, .error { text-shadow: none; color: #fefefe; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #fefefe; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(254, 254, 254, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(25, 26, 31, 0.98); color: #F4F5F6; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { color: #F4F5F6; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #191a1f; color: #F4F5F6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { background: rgba(25, 26, 31, 0.6); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(25, 26, 31, 0.5); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info, .info:backdrop { color: #71f79f; background-color: transparent; } .warning, .warning:backdrop { color: #cc5500; background-color: transparent; } .question, .question:backdrop { color: #00c1e4; background-color: transparent; } .error, .error:backdrop { color: #e6133e; background-color: transparent; } levelbar.horizontal trough > block { min-height: 5px; border-radius: 5px; } levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } levelbar.vertical trough > block { min-width: 5px; border-radius: 5px; } levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } levelbar > trough { padding: 0; } levelbar > trough > block { border: 1px solid; } levelbar > trough > block.low { border-color: #cc5500; background-color: #cc5500; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #00c1e4; background-color: #00c1e4; } levelbar > trough > block.full { border-color: #0096b1; background-color: #0096b1; } levelbar > trough > block.empty { background-color: #30323b; border-color: #30323b; } /********* * Links * *********/ *:link, button:link, button:visited { color: #7cb7ff; } *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #98c6fe; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #e5f0fe; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #cbe2fe; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #0072ff; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #cbe2fe; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /********* * Lists * *********/ list, listview { color: #F4F5F6; background-color: #191a1f; border-color: black; } list:backdrop, listview:backdrop { background-color: #1b1c21; border-color: #020202; } list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { border-left: 1px solid black; } list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid black; } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(244, 245, 246, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(0, 114, 255, 0.5); } row.activatable:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } columnview > listview > row { padding: 0; } columnview > listview > row > cell { padding: 0px 6px; } columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell { border-left-color: black; } columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } treeexpander { border-spacing: 4px; } /******************************************************** * Data Tables * * treeview like tables with individual focusable cells * * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * ********************************************************/ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid black; } columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #0072ff; } columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(0, 114, 255, 0.6); color: transparent; } columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #0072ff; color: #F4F5F6; } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } /******************************************************** * Complex Lists * * Put padding on the cell content so event controllers * * can cover the whole area. * ********************************************************/ columnview.complex > listview > row > cell { padding: 0; } columnview.complex > listview > row > cell > * { padding: 8px 6px; } columnview.complex.data-table > listview > row > cell { padding: 0; } columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; } /********* * Menus * *********/ menubar, .menubar { background-color: #080809; color: #F4F5F6; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > item, .menubar > item { min-height: 16px; padding: 4px 8px; } menubar > item:hover, .menubar > item:hover { box-shadow: inset 0 -3px #0072ff; } menubar > item:disabled, .menubar > item:disabled { color: #828385; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #151519, #0b0b0d); border-radius: 5px; } .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #191a1e; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #0072ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #828385; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #33333d; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #828385; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #17181d; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #2f3035; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #2f3035; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #2f3035; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #191a1e; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } .csd.popup { background: transparent; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(244, 245, 246, 0.1); border-radius: 5px; } /************ * Assistant * *************/ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, assistant .sidebar label { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { background-color: #3e3e40; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; background-color: #0d0d10; } notebook > header:backdrop { border-color: #020202; background-color: #101013; } notebook > header tabs { margin: 0px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; box-shadow: none; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 14px; min-width: 14px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 24px; min-width: 24px; padding: 1px 12px; outline-offset: -5px; color: #828385; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #bbbcbe; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.3); background-color: rgba(16, 16, 19, 0.2); } notebook > header tab:backdrop { color: #545557; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #F4F5F6; } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(16, 16, 19, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(16, 16, 19, 0.7); } notebook > header tab:backdrop:checked { color: #828385; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #020202; background-color: #1b1c21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { background: transparent; box-shadow: none; color: #ed254e; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; padding-right: 0px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 3px; } notebook > header.bottom tab { padding-top: 3px; } notebook > header button { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { background-color: #191a1f; } notebook > stack:not(:only-child):backdrop { background-color: #1b1c21; } tabbar:backdrop .box > scrolledwindow, tabbar:backdrop .box > .start-action, tabbar:backdrop .box > .end-action { filter: opacity(1); } tabbar tabbox { background-color: #0d0d10; padding: 0px; color: #F4F5F6; } tabbar tabbox > tabboxchild { margin: 0 -3px; border-radius: 0; } tabbar tabbox > tab, tabbar tabbox > tabboxchild > tab { border-radius: 0; } tabbar tabbox > tab button.flat, tabbar tabbox > tabboxchild > tab button.flat { padding: 0; margin: 4px; min-width: 20px; min-height: 20px; border-radius: 10px; } tabbar tabbox > tab button.flat:hover, tabbar tabbox > tabboxchild > tab button.flat:hover { background-color: #ed254e; } tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, tabbar tabbox > tabboxchild > tab:checked, tabbar tabbox > tabboxchild > tab:selected { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; color: #F4F5F6; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(black); background-size: 1px 1px; } paned > separator:selected { background-image: image(#0072ff); } paned > separator:backdrop { background-image: image(#020202); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #101013; background-image: image(black), image(black); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #101013; background-image: image(#020202), image(#020202); } 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; } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /*************** * Popovers * ***************/ popover.background { background: transparent; font: initial; } popover.background > arrow, popover.background > contents { background: linear-gradient(to bottom, #151519, #0b0b0d); background-clip: padding-box; border: 1px solid black; box-shadow: 0 4px 6px black; color: #F4F5F6; } popover.background:backdrop { background-color: transparent; box-shadow: none; } popover.background > contents { padding: 8px; border-radius: 5px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; } popover.background > contents separator { background-color: #050506; margin: 3px; } popover.background > contents list separator { margin: 0; } .osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } magnifier { background-color: #191a1f; } /********************** * Popover Base Menus * **********************/ popover.menu { padding: 0; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background: image(#232329); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #232329; border-color: #232329; } popover.menu > arrow, popover.menu.background > contents { background: linear-gradient(to bottom, #151519, #0b0b0d); color: #F4F5F6; padding: 5px; } popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { background-color: transparent; } popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { margin: 0; } popover.menu.background separator { margin: 6px 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check:hover, popover.menu check:active, popover.menu radio:hover, popover.menu radio:active { background-color: transparent; } popover.menu radio { border-color: black; } popover.menu radio:active { border-color: rgba(0, 0, 0, 0.5); } popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { color: #fefefe; background-color: #232329; } popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { background-color: #3a3a45; } popover.menu label.title { font-weight: bold; padding: 4px 32px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(244, 245, 246, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 6px; } progressbar.horizontal progress { margin: 0; } progressbar.vertical progress { margin: 0; background: linear-gradient(to bottom, #03e9b1, #0014ff); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } /************ * GtkScale * ************/ progressbar trough, scale trough, scale fill { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } progressbar trough:disabled, scale trough:disabled, scale fill:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar progress, scale highlight { border: none; background: linear-gradient(to right, #03e9b1, #0014ff); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background: linear-gradient(to right, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { border-color: #1a80ff; background-color: #1a80ff; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { min-height: 16px; min-width: 16px; padding: 8px; } scale.horizontal trough, scale.horizontal progress { min-height: 6px; } scale.vertical trough, scale.vertical progress { min-width: 6px; } scale.vertical highlight { background: linear-gradient(to bottom, #03e9b1, #0014ff); } scale.vertical highlight:disabled { background: linear-gradient(to bottom, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; background-color: #191a1f; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { background-color: #0014ff; } scale slider:active:disabled { background-color: #141418; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; } scale trough { outline-offset: 2px; outline-color: transparent; } scale fill:backdrop, scale fill { background-color: black; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(97, 97, 97, 0.775); } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-color: #191a1f; border: 2px solid #0014ff; border-radius: 12px; background-color: #101013; } scale slider:disabled { background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); border-color: rgba(0, 20, 255, 0.5); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { border-color: #005bcc; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #070708; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop:disabled { background-color: #070708; } scale value { color: alpha(currentColor,0.4); } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } scale.horizontal.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(black); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /************** * Scrollbars * **************/ scrollbar { background-color: #151519; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar.top { border-bottom: 1px solid black; } scrollbar.bottom { border-top: 1px solid black; } scrollbar.left { border-right: 1px solid black; } scrollbar.right { border-left: 1px solid black; } scrollbar:backdrop { background-color: #09090b; border-color: #020202; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #99999b; } scrollbar slider:hover { background-color: #c6c7c9; } scrollbar slider:hover:active { background-color: #338eff; } scrollbar slider:backdrop { background-color: #3e3e41; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #F4F5F6; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #F4F5F6; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #99999b; } scrollbar button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c6c7c9; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #338eff; } scrollbar button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 153, 155, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3e41; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(62, 62, 65, 0.2); } 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"); } treeview ~ scrollbar.vertical { border-top: 1px solid black; margin-top: -1px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; border-width: 0; background-color: #151519; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid black; border-right-style: none; } .sidebar:backdrop { background-color: #16161a; border-color: #020202; } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #98abb2; } .sidebar row:selected { color: #fefefe; } .sidebar row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background: rgba(0, 114, 255, 0.6); } .sidebar row:selected:backdrop label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #0e0e11; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { background-color: #0072ff; color: #fefefe; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: black; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ placessidebar.sidebar, .nautilus-window .navigation-sidebar { background-color: transparent; background-image: linear-gradient(to right, #09090b 40px, #0e0e11 35px, #0e0e11 36px, #0e0e11 36px, #0e0e11 99%, #0e0e11 100%); } placessidebar.sidebar row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row { margin: 0; border-radius: 0; padding: 2px 11px; } placessidebar.sidebar row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row label { color: #F4F5F6; padding-left: 8px; } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; color: #F4F5F6; } placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); background-color: transparent; /*rgba(65,67,75,0.4); */ background-image: linear-gradient(to right, #1b232d 40px, #191a1f 40px, #191a1f 97%); } placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { color: #0072ff; } placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background-color: transparent; background-image: linear-gradient(to right, rgba(0, 114, 255, 0.6) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:backdrop label, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop label { color: rgba(0, 114, 255, 0.6); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #f9dc5c; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } placessidebar.sidebar list, .nautilus-window .navigation-sidebar list { background-color: transparent; } placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { background-color: transparent; } .bottom-bar { background-color: #0e0e11; } .bottom-bar button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .bottom-bar button .view, .bottom-bar button iconview { background-color: transparent; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dedfe1; background-image: none; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.3); border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #F4F5F6; background-color: #040405; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(130, 131, 133, 0.3); background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.98); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #838383; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #828385; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical > text > selection { background-color: rgba(0, 114, 255, 0.6); color: transparent; } spinbutton.vertical > text > selection:focus-within { color: #F4F5F6; } spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } .osd spinbutton.vertical > button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } /*********** * Spinner * ***********/ menu spinner { color: #0072ff; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********** * Switch * **********/ switch { font-size: 1px; min-width: 40px; min-height: 25px; background-size: 40px 24px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:disabled { background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } switch:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"), url("../assets/switch-slider-insensitive@2.png")); } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch:checked { background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } switch:checked slider { background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("../assets/switch-on-insensitive.svg"), url("../assets/switch-on-insensitive.svg")); } switch:checked:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-on-insensitive.svg"), url("../assets/switch-slider-on-insensitive@2.png")); } switch slider { min-width: 1px; min-height: 1px; background-repeat: no-repeat; background-position: left center; background-color: transparent; background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } switch trough:active, switch trough:checked { background-color: #0072ff; } switch trough:active:backdrop, switch trough:checked:backdrop { background-color: rgba(0, 114, 255, 0.6); } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar > revealer > box { padding: 4px; background-color: #101013; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(7, 7, 8, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box { border-width: 0 0 1px; padding: 5px; } .inline-toolbar, searchbar > revealer > box { border-style: solid; border-color: black; background-color: #0b0b0d; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { border-color: #020202; background-color: #0b0b0d; box-shadow: none; transition: 200ms ease-out; } searchbar { background: #191a1f; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 4px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: #020203; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } columnview.view, treeview.view { border-left-color: black; border-top-color: black; } columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: #ed254e; } columnview.view:disabled, treeview.view:disabled { color: #828385; } columnview.view:disabled:selected, treeview.view:disabled:selected { color: #66aaff; } columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: rgba(32, 132, 255, 0.85); } columnview.view.separator, treeview.view.separator { min-height: 2px; color: black; } columnview.view:backdrop, treeview.view:backdrop { border-left-color: #2e2f33; border-top: #2e2f33; } columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #005bcc; } columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b2b3b6; } columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } columnview.view.expander:hover, treeview.view.expander:hover { color: #F4F5F6; } columnview.view.expander:selected, treeview.view.expander:selected { color: #b2d4fe; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #fefefe; } columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view.progressbar, treeview.view.progressbar { border: 1px solid #005bcc; border-radius: 4px; background-color: #0072ff; background-image: linear-gradient(to bottom, #0072ff, #005bcc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#191a1f); } columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #1b1c21; } columnview.view.trough, treeview.view.trough { background-color: rgba(244, 245, 246, 0.1); } columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005bcc; } columnview.view > header > button, treeview.view > header > button { color: #bbbcc7; background-color: #191a1f; font-weight: bold; text-shadow: none; box-shadow: none; } columnview.view > header > button:hover, treeview.view > header > button:hover { color: #d8d9df; box-shadow: none; transition: none; } columnview.view > header > button:active, treeview.view > header > button:active { color: #F4F5F6; transition: none; } columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ed254e; background-image: none; background-color: #0072ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191a1f; text-shadow: none; transition: none; } columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #0072ff; } columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: black; border-radius: 0; text-shadow: none; } columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #101013; background-image: none; } columnview.view > header > button:last-child:backdrop, treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } /********************** * Window Decorations * *********************/ window { border-width: 0px; } window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 4px 4px 0 0; } window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } window.csd.popup { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } window.csd.dialog.message { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } window.solid-csd { margin: 0; padding: 4px; border: solid 1px black; border-radius: 0; box-shadow: inset 0 0 0 4px black, inset 0 0 0 3px #080809, inset 0 1px rgba(244, 245, 246, 0.07); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px black, inset 0 0 0 3px #101013, inset 0 1px rgba(244, 245, 246, 0.07); } window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } window.popup { box-shadow: none; } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { min-width: 20px; min-height: 20px; margin: 0; padding: 0 1px; background-position: center; background-repeat: no-repeat; background-size: 16px 16px; } windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { background-color: transparent; border: none; box-shadow: none; color: transparent; } windowcontrols button.close { background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } windowcontrols button.close:hover, windowcontrols button.close:active { background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } windowcontrols button.maximize { background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } windowcontrols button.maximize:hover, windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } windowcontrols button.minimize { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } windowcontrols button.minimize:hover, windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } windowcontrols button:backdrop { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, entry selection:focus, entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #0072ff; } row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, entry selection:focus, entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { color: #fefefe; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, entry selection:disabled, row:disabled:selected { color: #7fb8ff; } row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: rgba(254, 254, 254, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { color: rgba(32, 132, 255, 0.85); } .monospace { font-family: Monospace; } /********************** * DE-Specific Styles * **********************/ /********* * Budgie * *********/ .budgie-container { background-color: transparent; } .budgie-container:backdrop { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { border: none; background: none; padding: 0; margin: 0; } .budgie-popover .container, .budgie-popover border, .budgie-popover list, .budgie-popover row { padding: 0; margin: 0; background: none; border: none; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; opacity: 1; min-width: 0; min-height: 0; } .budgie-popover, .budgie-popover.background { border-radius: 2px; padding: 0; background: #080809; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, .budgie-popover.background row:hover { background: none; } .budgie-popover > frame.container, .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { color: #F4F5F6; border: none; background: transparent; } .budgie-popover button:hover, .budgie-popover.background button:hover { color: #0072ff; } .budgie-popover > .container { padding: 2px; } .budgie-menu { color: #F4F5F6; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { -gtk-icon-filter: none; } .budgie-menu entry.search { border: none; background: none; padding: 5px 2px; border-bottom: 1px solid black; border-radius: 0; font-size: 120%; box-shadow: none; color: #F4F5F6; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-menu entry.search image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-menu .categories { border-width: 0; margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { border-right: 1px solid black; } .budgie-menu .categories:dir(rtl) { border-left: 1px solid black; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { background-color: rgba(244, 245, 246, 0.05); color: #F4F5F6; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { color: #fefefe; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; border-color: black; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; border-radius: 0; box-shadow: none; background: yellow; } .budgie-menu button { border: none; background: transparent; } .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { color: rgba(244, 245, 246, 0.7); } button.budgie-menu-launcher { padding: 0 2px; color: white; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } button.budgie-menu-launcher:backdrop { color: white; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #0072ff; box-shadow: none; background-color: #17181d; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(244, 245, 246, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #0072ff; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } button.raven-trigger { padding-left: 2px; padding-right: 2px; color: white; box-shadow: none; } button.raven-trigger:hover { color: white; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #0072ff; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #0072ff; background-color: transparent; } .places-menu .container { padding: 0; } .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { background: rgba(244, 245, 246, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; border: none; padding: 3px; border-top: 1px solid mix(@theme_base_color, #000000, 0.35); box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } .budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { color: #ed254e; } .budgie-panel:backdrop { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } .budgie-panel button.flat { background: transparent; border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; color: #0072ff; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; margin: 0; } .budgie-panel label { color: white; font-weight: 700; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { border-top-color: transparent; } .left .budgie-panel.transparent { border-right-color: transparent; } .right .budgie-panel.transparent { border-left-color: transparent; } .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(244, 245, 246, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: #F4F5F6; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; background-clip: padding-box; } .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; background-color: transparent; } .budgie-panel button.flat.launcher { box-shadow: none; } .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #0072ff; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #0072ff; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #0072ff; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #0072ff; } .top .budgie-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } .raven { padding: 0; color: #F4F5F6; background: #080809; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; color: #F4F5F6; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; background-color: rgba(7, 7, 8, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { border-top-style: none; border-color: transparent; margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { color: #0067e6; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; color: #fefefe; background-color: rgba(230, 19, 62, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; color: #fefefe; background-color: rgba(237, 37, 78, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { color: #fefefe; background-color: rgba(239, 61, 97, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; border-radius: 0; } .raven .raven-header button:hover { color: #0072ff; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { color: #828385; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .raven list { color: #F4F5F6; background-color: transparent; } .raven list:selected { background-color: rgba(0, 114, 255, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { background-color: rgba(36, 36, 41, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(0, 114, 255, 0.9); } .raven .raven-background { color: #F4F5F6; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { border-bottom-style: none; } .raven .powerstrip { background-color: transparent; border-top-color: transparent; } .raven .powerstrip button.image-button { border-radius: 50%; padding: 5px; min-width: 32px; min-height: 32px; margin-bottom: 3px; background: #c74ded; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { background: rgba(199, 77, 237, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .raven .powerstrip button.image-button:first-child:hover { background: rgba(0, 114, 255, 0.85); } .raven .powerstrip button.image-button:first-child:active { background: #0072ff; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; color: #F4F5F6; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; color: #0069eb; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { color: #F4F5F6; border: none; border-radius: 0; background-color: transparent; } calendar.raven-calendar button, calendar.raven-calendar button:focus { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { color: #F4F5F6; background-color: transparent; } .raven-mpris { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; background-color: #191a1f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { background-color: #0072ff; } .raven-mpris button.image-button:active { background-color: #0067e6; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { margin-left: 4px; } .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { padding: 4px; margin-top: 6px; margin-bottom: 6px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #0072ff; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #0067e6; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { background-color: #0067e6; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: #F4F5F6; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(244, 245, 246, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; color: #ed254e; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; color: #e6133e; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { color: #F4F5F6; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; color: #F4F5F6; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { color: #F4F5F6; } .budgie-switcher-window flowboxchild:selected { color: #fefefe; background-color: rgba(0, 114, 255, 0.5); } .budgie-switcher-window flowboxchild:selected:active { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #0067e6; } .budgie-switcher-window flowboxchild:selected:disabled { color: rgba(254, 254, 254, 0.7); background-color: rgba(0, 114, 255, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(244, 245, 246, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; border-color: black; border-radius: 0; color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { font-weight: 700; } .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { border-left: none; border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(206, 17, 56, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; color: #F4F5F6; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { color: rgba(244, 245, 246, 0.7); } .budgie-polkit-dialog .failure { color: #ed254e; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; padding: 8px 5px; border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { color: #F4F5F6; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } .budgie-menubar menu { margin: 4px; padding: 5px; border-radius: 0; background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #0072ff; color: #fefefe; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-bottom: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(244, 245, 246, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { border-style: none none solid; } .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } .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(24, 24, 27, 0.95); } .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.current-workspace { background-color: rgba(12, 12, 14, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; box-shadow: 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: 2px; } /************ * Nautilus * ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #0072ff; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #0072ff; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; background-color: rgba(18, 19, 22, 0.95); } .nautilus-window .sidebar .list-row button:active { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window .sidebar .list-row:hover { background-color: rgba(25, 26, 31, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window notebook > stack:only-child { background-color: #191a1f; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #1b1c21; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 10px; box-shadow: none; margin-top: 10px; margin-bottom: 10px; } .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #0072ff; box-shadow: none; border: none; } .nautilus-window #NautilusPathBar { background: transparent; margin-top: 7px; margin-bottom: 7px; } .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar .subtitle, .nautilus-window #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar .subtitle { color: transparent; margin-right: -5px; } .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { color: #F4F5F6; padding: 3px 12px; margin: 0; } .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { background-color: transparent; box-shadow: none; } .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:focus .subtitle, .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { color: #0072ff; } .nautilus-window #NautilusPathBar button:active { background-color: transparent; } .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar button > .horizontal > image.subtitle, .titlebar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { padding: 3px 0px 3px 12px; border-right: none; margin-right: -6px; } .nautilus-window #NautilusPathBar button { background: transparent; border: none; margin: 0; padding: 0; } .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { padding: 6px 12px; border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window #NautilusPathBar .current-dir image { background: #00c6ff; } .nautilus-window #NautilusPathBar button.current-dir:only-child image { margin-right: -6px; padding: 0px 0px 0px 12px; border-radius: 23px 0px 0px 23px; } .nautilus-window #NautilusPathBar button.current-dir:only-child label { border-radius: 0px 23px 23px 0px; } .nautilus-window #NautilusQueryEditor { margin-top: 8px; margin-bottom: 8px; } .nautilus-window #NautilusQueryEditor #NautilusQueryEditorTag > button { margin: 0; } .nautilus-window #NautilusQueryEditor > menubutton > button { min-width: 16px; min-height: 16px; margin: 0; -gtk-icon-size: 12px; padding: 0 4px; } .nautilus-window #NautilusQueryEditor > text, .nautilus-window #NautilusQueryEditor > image { margin: 0; } .nautilus-circular-button { border-radius: 20px; } .disk-space-display { border: 2px solid; } .disk-space-display .unknown { background-color: #888a85; border-color: #555653; } .disk-space-display .used { background-color: #9FB0B9; border-color: #667f8c; } .disk-space-display .free { background-color: #D8D8D8; border-color: #a5a5a5; } .nautilus-desktop { color: #F4F5F6; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #fefefe; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* * Gedit * *********/ .gedit-search-slider { padding: 4px; border-radius: 0 0 3px 3px; border: 0; background-color: #101013; } /********* * Gnucash * *********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { border-color: #0072ff; } /******************* * Calendar events * ********************/ .color-light.timed label, .color-light .event-popover label { color: #F4F5F6; opacity: 1; } .color-light label { color: #101013; opacity: 1; } .xfce4-panel.panel { background-color: #191a1f; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0072ff; } .xfce4-panel.panel button.flat:not(.open_group) { color: white; border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } .xfce4-panel.panel button.flat:hover:not(.open_group) { border: none; background-color: #30323b; } .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { color: #fefefe; border-bottom: 2px solid #0072ff; background-color: #25262d; } .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { color: inherit; } #whiskermenu-window button { background-color: transparent; border: none; border-radius: 0; font-weight: normal; padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { background-color: #0072ff; } /* thunar */ .thunar toolbar { background-color: #080809; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } scrolledwindow.sidebar treeview.view { background: #09090b; padding: 1.5px; } /* path-bar of thunar */ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar toolbar .path-bar-button { margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { color: #0072ff; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, .thunar toolbar .path-bar-button { background: none; outline: none; border: none; box-shadow: none; } /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #070708; } window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; border-radius: 0; box-shadow: none; } window.thunar toolbar#location-toolbar entry { border-radius: 10px; } /* Vala-appmenu-plugin*/ .-vala-panel-appmenu-core scrolledwindow, .-vala-panel-appmenu-private > menuitem, .-vala-panel-appmenu-private > menuitem:first-child > label { color: white; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #191a1f; background-color: #191a1f; } .gala-notification .title, .gala-notification .label { color: #F4F5F6; } .gala-button { padding: 3px; color: #191a1f; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: #F4F5F6; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; } .button.app .app:hover { border-radius: 8px; border: none; background-color: rgba(0, 114, 255, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: #F4F5F6; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(0, 114, 255, 0.3); color: #fefefe; } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: #F4F5F6; } /********* * Panel * ********/ .composited-indicator > revealer, .composited-indicator > revealer image, .composited-indicator > revealer label, .composited-indicator > revealer spinner { color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } .composited-indicator > revealer image:first-child + label { margin-left: 5px; } .panel.color-light .composited-indicator > revealer, .panel.color-light .composited-indicator > revealer image, .panel.color-light .composited-indicator > revealer label, .panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; } PantheonCalculatorMainWindow .window-frame { border-radius: 3px; } /********* * Cards * *********/ .deck { background-color: black; } .card { background-color: #191a1f; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { background-color: #0e0e11; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .action-bar { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .window-frame { border-radius: 3px; } /******** * Snap * ********/ SnapMainWindow .take-button, SnapSnapWindow .take-button { border-radius: 0; } /******************* * Photos/Shotwell * *******************/ DirectWindow .the-button-in-the-combobox, LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { background-color: #101013; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { background-color: #F4F5F6; } /********* * Avatar * *********/ .avatar { border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } /************ * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { background: linear-gradient(#30323b, #30323b); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #03e9b1, #0014ff); } /************************** * Colors in context menu * **************************/ checkbutton.color-button { border: 1px solid black; border-radius: 100px; background-clip: border-box; padding: 0; margin: 2px 1px; } checkbutton.color-button > check { -gtk-icon-source: none; background: none; margin-right: 0; padding: 2px; } checkbutton.color-button.none > check { background-color: transparent; border-radius: 100px; -gtk-icon-source: -gtk-icontheme("close-symbolic"); } radiobutton.color-button > radio { -gtk-icon-source: none; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px; background-clip: border-box; } radiobutton.color-button:active > radio { border: 1px solid rgba(0, 0, 0, 0.35); } .color-button check, .color-button check:checked, .color-button radio, .color-button radio:checked { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; color: #191a1f; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } .color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } .color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } .color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } .color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } .color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } .color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } .color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } .color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } .color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } .color-button.auto radio { background-image: url("assets/color-button-auto.png"); background-position: -1px -1px; background-repeat: no-repeat; background-size: calc(100% + 2px); } /******** * Unity * *********/ /* Unity window border color */ /* Unity window text color */ /* Backdrop Unity window text color */ /* Unity panel color #454D50 */ UnityDecoration { background-color: #eeeeee; color: #31363D; } UnityDecoration .top { padding: 0 5px 0 5px; border-radius: 4px 4px 0px 0px; box-shadow: none; border: 1px solid #eeeeee; border-bottom-width: 0; background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } UnityDecoration .top .menuitem:backdrop { color: #1a1d21; } UnityDecoration.left, UnityDecoration.right { background-repeat: repeat-x; background-color: #ececec; background-size: 1px 120px; background-clip: border-box; background-image: linear-gradient(to bottom, #eeeeee, #ececec); } UnityDecoration.bottom { background-size: 1px; background-repeat: repeat-x; background-color: #ececec; } UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-size: 1px; background-repeat: repeat-x; } /************** * Unity Panel * ***************/ UnityPanelWidget, .unity-panel { background-color: #d5d5d5; color: #31363D; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #1a1d21; } .unity-panel.menuitem, .unity-panel .menuitem { border-width: 0 1px; color: #31363D; } .unity-panel.menubar, .unity-panel .menubar { color: #31363D; } .unity-panel.menu.menubar, .unity-panel .menu .menubar { background-color: #d5d5d5; color: #31363D; } .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { color: #828385; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { padding: 3px 5px; border-width: 1px; border-style: solid; border: none; background: none; color: #31363D; box-shadow: none; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem:hover { border-radius: 0; background-color: #ebebeb; color: #31363D; box-shadow: none; } .unity-panel.menubar .menuitem *:hover { color: white; box-shadow: none; } .unity-panel.menubar .menuitem.separator, .unity-panel.menubar.menuitem.separator { border: none; color: black; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #191a1f; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #0072ff; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid black; } MsdOsdWindow.background.osd .progressbar { background-color: #0072ff; border: none; border-color: #0072ff; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(0, 0, 0, 0.98); border: none; border-radius: 5px; } /*********************** * App-Specific Styles * ***********************/ /********* * Geary * *********/ .geary-titlebar-left .separator, .geary-titlebar-right .separator { opacity: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #0072ff; color: #fefefe; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { color: #fefefe; border: 0px solid #005bcc; } /*********** * LightDm * ***********/ #panel_window { background-color: #191a1f; color: white; font-weight: bold; box-shadow: inset 0 -1px #09090b; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } #panel_window .menubar .menuitem:disabled, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } #panel_window .menubar .menuitem:disabled label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #F4F5F6; } #content_frame { padding-bottom: 14px; background-color: #101013; 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 { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } #content_frame button:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } #content_frame button:active, #content_frame button:checked { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } #content_frame button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #080809; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; } #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: #F4F5F6; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { background: rgba(7, 7, 8, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { background: #0072ff; } .nemo-window .sidebar { color: #98abb2; background-color: #0e0e11; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; color: #F4F5F6; border: 1px solid black; border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { background-color: #0072ff; color: #fefefe; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #080809; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 5px; margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; color: #0072ff; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { background-color: #151519; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { background: #101013; color: #F4F5F6; border-color: black; } .caja-notebook .entry:selected { background: #0072ff; color: #fefefe; } /************** * Caja sidebar * **************/ .caja-side-pane { background: #080809; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { background: #0e0e11; padding: 3px 2px; color: #98abb2; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { background-color: rgba(9, 9, 11, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { color: #fefefe; background: #0072ff; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #080809; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { background: #0072ff; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { color: #fefefe; } .caja-pathbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { color: #0072ff; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; } /*# sourceMappingURL=gtk-dark.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/gtk-4.0/gtk.css ================================================ /*$selected_bg_color: #00e8c6;06d6a0*/ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #F4F5F6; /* text color for entries, views and content in general */ @define-color theme_text_color #F4F5F6; /* widget base background color */ @define-color theme_bg_color #101013; /* text widgets and the like base background color */ @define-color theme_base_color #191a1f; /* base background color of selections */ @define-color theme_selected_bg_color #0072ff; /* text/foreground color of selections */ @define-color theme_selected_fg_color #fefefe; /* base background color of disabled widgets */ @define-color insensitive_bg_color #141418; /* text foreground color of disabled widgets */ @define-color insensitive_fg_color #828385; /* disabled text widgets and the like base background color */ @define-color insensitive_base_color #191a1f; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #828385; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #F4F5F6; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #101013; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #1b1c21; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #0072ff; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #fefefe; /* widgets main borders color */ @define-color borders black; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #020202; /* these are pretty self explicative */ @define-color warning_color #cc5500; @define-color error_color #e6133e; @define-color success_color #0096b1; @define-color fg_color #F4F5F6; @define-color text_color #F4F5F6; @define-color bg_color #101013; @define-color base_color #191a1f; @define-color selected_bg_color #0072ff; @define-color selected_fg_color #fefefe; @define-color unfocused_fg_color #828385; @define-color unfocused_text_color #F4F5F6; @define-color unfocused_bg_color #101013; @define-color unfocused_base_color #1b1c21; @define-color unfocused_selected_bg_color #0072ff; @define-color unfocused_selected_fg_color #fefefe; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#F4F5F6, 1.8); @define-color wm_unfocused_title #828385; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#101013, 1.2); @define-color wm_bg_b #101013; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#101013, 1.3); @define-color wm_button_hover_color_b #101013; @define-color wm_button_active_color_a shade(#101013, 0.85); @define-color wm_button_active_color_b shade(#101013, 0.89); @define-color wm_button_active_color_c shade(#101013, 0.9); @define-color content_view_bg #191a1f; @define-color text_view_bg #191a1f; @define-color budgie_tasklist_indicator_color #0072ff; @define-color budgie_tasklist_indicator_color_active #0072ff; @define-color placeholder_text_color #c9cacb; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @define-color STRAWBERRY_700 #a10705; @define-color STRAWBERRY_900 #7a0000; @define-color ORANGE_100 #ffc27d; @define-color ORANGE_300 #ffa154; @define-color ORANGE_500 #f37329; @define-color ORANGE_700 #cc3b02; @define-color ORANGE_900 #a62100; @define-color BANANA_100 #fff394; @define-color BANANA_300 #ffe16b; @define-color BANANA_500 #f9c440; @define-color BANANA_700 #d48e15; @define-color BANANA_900 #ad5f00; @define-color LIME_100 #d1ff82; @define-color LIME_300 #9bdb4d; @define-color LIME_500 #68b723; @define-color LIME_700 #3a9104; @define-color LIME_900 #206b00; @define-color MINT_100 #89ffdd; @define-color MINT_300 #43d6b5; @define-color MINT_500 #28bca3; @define-color MINT_700 #0e9a83; @define-color MINT_900 #007367; @define-color BLUEBERRY_100 #8cd5ff; @define-color BLUEBERRY_300 #64baff; @define-color BLUEBERRY_500 #3689e6; @define-color BLUEBERRY_700 #0d52bf; @define-color BLUEBERRY_900 #002e99; @define-color BUBBLEGUM_100 #fe9ab8; @define-color BUBBLEGUM_300 #f4679d; @define-color BUBBLEGUM_500 #de3e80; @define-color BUBBLEGUM_700 #bc245d; @define-color BUBBLEGUM_900 #910e38; @define-color GRAPE_100 #e4c6fa; @define-color GRAPE_300 #cd9ef7; @define-color GRAPE_500 #a56de2; @define-color GRAPE_700 #7239b3; @define-color GRAPE_900 #452981; @define-color COCOA_100 #a3907c; @define-color COCOA_300 #8a715e; @define-color COCOA_500 #715344; @define-color COCOA_700 #57392d; @define-color COCOA_900 #3d211b; @define-color SILVER_100 #fafafa; @define-color SILVER_300 #d4d4d4; @define-color SILVER_500 #abacae; @define-color SILVER_700 #7e8087; @define-color SILVER_900 #555761; @define-color SLATE_100 #95a3ab; @define-color SLATE_300 #667885; @define-color SLATE_500 #485a6c; @define-color SLATE_700 #273445; @define-color SLATE_900 #0e141f; @define-color BLACK_100 #666; @define-color BLACK_300 #4d4d4d; @define-color BLACK_500 #333; @define-color BLACK_700 #1a1a1a; @define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ /********* * Common * *********/ * { padding: 0; outline-color: rgba(244, 245, 246, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 0px; -gtk-secondary-caret-color: #0072ff; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar, actionbar > revealer > box { background-color: black; border: solid black; border-width: 1px 0 0 0; color: #F4F5F6; box-shadow: none; } .action-bar:backdrop, actionbar > revealer > box:backdrop { background-color: black; box-shadow: none; } .action-bar:first-child, actionbar > revealer > box:first-child { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } .action-bar:last-child, actionbar > revealer > box:last-child { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(7, 7, 8, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } .app-notification border, .app-notification.frame border { border: none; } /*************** * Base States * ***************/ .background { color: #F4F5F6; background-color: #101013; } .background:backdrop { color: #828385; background-color: #101013; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ .gtkstyle-fallback { color: #F4F5F6; background-color: #101013; } .gtkstyle-fallback:hover { color: #F4F5F6; background-color: #27272f; } .gtkstyle-fallback:active { color: #F4F5F6; background-color: black; } .gtkstyle-fallback:disabled { color: #828385; background-color: #141418; } .gtkstyle-fallback:selected { color: #fefefe; background-color: #0072ff; } .view, iconview, textview > text { color: #F4F5F6; background-color: #191a1f; } .view:backdrop, iconview:backdrop, textview > text:backdrop { color: #c9cacb; background-color: #1b1c21; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } textview > text { background-color: transparent; } textview border { background-color: #151519; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, columnview.view > rubberband, treeview.view > rubberband { border: 1px solid #005bcc; background-color: rgba(0, 91, 204, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } label { caret-color: currentColor; } label.separator { color: #F4F5F6; } label.separator:backdrop { color: #828385; } label selection { background-color: #0072ff; color: #fefefe; } label:disabled { color: #828385; } label:disabled:backdrop { color: #33333d; } label:backdrop { color: #828385; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #3e3e40; } .app-notification, .app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #fefefe; border: 1px solid #171e27; background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop, .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop, popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop, popover.background.magnifier > contents:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } *:selected { background: #0072ff; color: #fefefe; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #4d9cff 0%, rgba(77, 156, 255, 0) 0%); } to { background-image: radial-gradient(farthest-side, #4d9cff 95%, rgba(77, 156, 255, 0)); } } notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 2px 6px; border: 1px solid black; border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0067e6; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; transition: 200ms ease-out; -gtk-icon-filter: none; } notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { background-color: #1f2026; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { background-color: #0072ff; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 2px; } notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #828385; } button.osd { min-width: 24px; min-height: 20px; color: #fefefe; border-radius: 5px; outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 32px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification button, .app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .selection-mode windowcontrols button, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; opacity: 0.85; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; opacity: 0.75; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #fe8c00, #f83600); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 8px; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; opacity: 0.85; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #0072ff; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 17, 56, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; opacity: 0.75; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(206, 17, 56, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ce1138, #ce1138); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .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; padding-top: 3px; padding-bottom: 3px; } .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; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #0072ff; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #4d9cff 96%, rgba(77, 156, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } toolbar button:active { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { color: #fefefe; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #0067e6; } .inline-toolbar toolbutton > button:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(0, 103, 230, 0.3); } .inline-toolbar toolbutton > button:backdrop { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #0067e6; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #c9cacb; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(0, 103, 230, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid black; border-radius: 0; border-right-style: none; box-shadow: none; } .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > entry:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical > entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > entry:only-child { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #232329; } modelbutton.flat check:last-child, modelbutton.flat radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } modelbutton.flat check:first-child, modelbutton.flat radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow { background: none; } modelbutton.flat arrow:hover { background: none; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } /************ * Calendar * ***********/ calendar { color: #F4F5F6; border: 1px solid black; } calendar:selected { border-radius: 3px; } calendar.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(244, 245, 246, 0.45); } calendar.button:hover { color: #F4F5F6; } calendar.button:backdrop { color: rgba(130, 131, 133, 0.45); } calendar.button:disabled { color: rgba(130, 131, 133, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #F4F5F6; } calendar:backdrop { color: #c9cacb; border-color: #020202; } /************************* * Check and Radio Items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } check:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png")); -gtk-icon-shadow: none; } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png")); -gtk-icon-shadow: none; } check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png")); -gtk-icon-shadow: none; } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } .view.content-view check, iconview.content-view check, .view.content-view.check, iconview.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view radio, iconview.content-view radio, .view.content-view.radio, iconview.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view check:hover, iconview.content-view check:hover, .view.content-view.check:hover, iconview.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:hover, iconview.content-view radio:hover, .view.content-view.radio:hover, iconview.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view check:active, iconview.content-view check:active, .view.content-view.check:active, iconview.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:active, iconview.content-view radio:active, .view.content-view.radio:active, iconview.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, iconview.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, iconview.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, .view.content-view.check:disabled, iconview.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, .view.content-view.radio:disabled, iconview.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, iconview.content-view.check:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, iconview.content-view.radio:disabled:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check, radio { margin: 0 4px; min-height: 16px; min-width: 16px; border: none; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; animation: none; } /***************** * Color Chooser * *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: black; } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } colorswatch.light overlay { color: #F4F5F6; } colorswatch.light overlay:hover { border-color: black; } colorswatch.light overlay:backdrop { color: #c9cacb; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px black, inset 0 0 0 1px #71f79f; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid black; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: black; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } colorswatch#add-color-button overlay:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #1b1c21; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } combobox:drop(active) { box-shadow: none; } /*********** * Dialogs * ***********/ messagedialog, .messagedialog, .dialog { background-color: #101013; } messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) { background-color: rgba(16, 16, 19, 0.95); } messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar { min-height: 20px; background-image: none; background-color: rgba(16, 16, 19, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background { background-color: #0e0e10; color: #F4F5F6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button, .messagedialog.csd .dialog-action-area button, .dialog.csd .dialog-action-area button { padding: 7px 11px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; background-color: transparent; color: #F4F5F6; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover, .messagedialog.csd .dialog-action-area button:hover, .dialog.csd .dialog-action-area button:hover { background-color: rgba(0, 114, 255, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child, .messagedialog.csd .dialog-action-area button:first-child, .dialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 4px; } messagedialog.csd .dialog-action-area button:last-child, .messagedialog.csd .dialog-action-area button:last-child, .dialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 4px; } messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action, .messagedialog.csd .dialog-action-area button.destructive-action, .messagedialog.csd .dialog-action-area button.suggested-action, .dialog.csd .dialog-action-area button.destructive-action, .dialog.csd .dialog-action-area button.suggested-action { color: white; } .messagedialog .message-area { padding: 26px; } filechooser .dialog-action-box { border-top: 1px solid black; } filechooser .dialog-action-box:backdrop { border-top-color: #020202; } filechooser #pathbarbox { border-bottom: 1px solid #101013; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), spinbutton.vertical > text, entry { min-height: 28px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #F4F5F6; border-color: black; background-color: #22232a; } spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, entry image.left { padding-left: 0; padding-right: 6px; } spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, entry image.right { padding-left: 6px; padding-right: 0; } spinbutton:not(.vertical) undershoot.left, spinbutton.vertical > text undershoot.left, entry 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; box-shadow: none; } spinbutton:not(.vertical) undershoot.right, spinbutton.vertical > text undershoot.right, entry 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; box-shadow: none; } spinbutton.flat:focus-within:not(.vertical), spinbutton.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, entry.flat:focus-within, entry.flat { min-height: 0; padding: 2px; background-image: none; border-color: transparent; box-shadow: none; border-radius: 0; } spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, entry:focus-within { border-color: #005bcc; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, entry:disabled { color: #828385; border-color: black; background-color: #141418; box-shadow: none; } spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, entry:backdrop { color: #c9cacb; border-color: #020202; background-color: #1b1c21; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, entry:backdrop:disabled { color: #33333d; border-color: #020202; background-color: #141418; box-shadow: none; } spinbutton.error:not(.vertical), spinbutton.vertical > text.error, entry.error { color: #F4F5F6; border-color: black; background-color: #22232a; color: #e6133e; border-color: #410512; } spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, entry.error:focus-within { border-color: #410512; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, entry.error:selected:focus, entry.error:selected { background-color: #e6133e; } spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, entry.warning { color: #F4F5F6; border-color: black; background-color: #22232a; color: #cc5500; border-color: #1a0b00; } spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, entry.warning:focus-within { border-color: #1a0b00; box-shadow: 0px 0px 1px 1px #0072ff inset; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } spinbutton:not(.vertical) image, spinbutton.vertical > text image, entry image { color: #c8c9cb; } spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, entry image:hover { color: #F4F5F6; } spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, entry image:active { color: #0072ff; } spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, entry image:backdrop { color: #6d6e71; } spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, .osd entry:focus-within { color: white; border-color: #0072ff; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, .osd entry:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 32, 33, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0072ff; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, entry progress:backdrop { background-color: transparent; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } .linked:not(.vertical) > spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > entry { border-right-style: solid; border-right-color: transparent; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > entry:focus-within { border-color: #005bcc; box-shadow: 0px 0px 1px 1px #0072ff inset; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > entry:focus-within + .popup button { border-left-color: #0072ff; } .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > entry + .popup button { border-radius: 0px 3px 3px 0px; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { border-top-color: #121216; background-image: linear-gradient(to bottom, #191a1f, #191a1f); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { border-top-color: #141418; background-image: linear-gradient(to bottom, #1b1c21, #1b1c21); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + entry:disabled { border-top-color: #121216; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #005bcc; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #005bcc; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #71f79f; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #191a1f; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #191a1f; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #0072ff; } /************* * Expanders * *************/ expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander:hover { color: white; } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /**************** * Floating Bar * ****************/ .floating-bar { background-color: #101013; border-width: 1px; border-style: solid solid none; border-color: black; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } .floating-bar:backdrop { background-color: #101013; border-color: #020202; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid black; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #020202; } actionbar > revealer > box { padding: 6px; border-top: 1px solid black; } actionbar > revealer > box:backdrop { border-color: #020202; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at top, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at bottom, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at left, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #0c0c0e 85%, rgba(12, 12, 14, 0)), radial-gradient(farthest-side at right, rgba(244, 245, 246, 0.1), rgba(244, 245, 246, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #020202 85%, rgba(2, 2, 2, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; 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; box-shadow: 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; box-shadow: 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; box-shadow: 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; box-shadow: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, black 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #151519; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #020202 1px, transparent 1px); background-color: #09090b; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { border: 1px solid #191a1f; background: #191a1f; color: #F4F5F6; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #0072ff; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #191a1f; background-image: none; border: 1px solid #191a1f; color: #F4F5F6; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #191a1f; } GraniteWidgetsWelcome GtkLabel { color: #F4F5F6; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(244, 245, 246, 0.8); } /************** * Source List * ***************/ .source-list { background-color: #101013; border: solid black; color: #F4F5F6; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: #101013; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: #040405; } .source-list row, .source-list .list-row { border: none; padding: 0; } .source-list row > GtkLabel, .source-list row > label, .source-list .list-row > GtkLabel, .source-list .list-row > label { padding-left: 6px; padding-right: 6px; } /************** * Text Styles * **************/ .h1 { font-size: 24px; } .h2 { font-weight: 300; font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { font-size: 12px; padding: 6px; color: rgba(244, 245, 246, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /************** * Storage Bar * **************/ .storage-bar .trough { border: none; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-image: none; background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { background-color: #f9dc5c; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } .storage-bar .fill-block:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { background-color: #191a1f; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { background-color: #ff6a00; } .storage-bar .fill-block.photo { background-color: #ed254e; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #080809; color: #F4F5F6; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { border-color: #020202; transition: 200ms ease-out; } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar entry, headerbar entry { min-height: 24px; } .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; min-height: 14px; margin-top: 5px; margin-bottom: 5px; box-shadow: none; } .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } .titlebar button.suggested-action, headerbar button.suggested-action { box-shadow: none; border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked, headerbar button.suggested-action:disabled:backdrop:hover, headerbar button.suggested-action:disabled:backdrop:active, headerbar button.suggested-action:disabled:backdrop:checked, headerbar button.suggested-action:backdrop:hover, headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; background-image: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } .titlebar button.appmenu:backdrop, headerbar button.appmenu:backdrop { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, headerbar button:active, headerbar button:checked { background-color: transparent; color: #0072ff; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; border: none; } .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, headerbar button:backdrop:hover, headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; color: #0072ff; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #0072ff; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { font-weight: bold; min-height: 24px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; font-weight: normal; color: white; background-color: #212328; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { color: rgba(255, 255, 255, 0.5); } .titlebar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { color: transparent; box-shadow: none; border: none; background-color: transparent; background-image: none; background-repeat: no-repeat; } .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:backdrop:hover, headerbar button.titlebutton * { color: transparent; box-shadow: none; background-color: transparent; } .titlebar .linked > button, .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, headerbar .titlebar .linked > button, .titlebar headerbar .linked > button, headerbar .linked > button, headerbar .titlebar .linked > button:active, .titlebar headerbar .linked > button:active, headerbar .linked > button:active, headerbar .titlebar .linked > button:checked, .titlebar headerbar .linked > button:checked, headerbar .linked > button:checked, headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, headerbar .titlebar .linked > button:backdrop, .titlebar headerbar .linked > button:backdrop, headerbar .linked > button:hover, headerbar .linked > button:backdrop { border-radius: 23px; border-right-style: none; border: none; box-shadow: none; margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } .titlebar .linked > button:only-child, .titlebar headerbar .linked > button:only-child, headerbar .titlebar .linked > button:only-child, headerbar .linked > button:only-child { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { color: #ffe6e6; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #005bcc; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 114, 255, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } headerbar entry, headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } headerbar switch { margin-top: 10px; margin-bottom: 10px; } headerbar separator { background: transparent; } .background:not(.tiled):not(.maximized) .titlebar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { border-top-left-radius: 4px; border-top-right-radius: 4px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #080809; } .sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { background-color: #080809; } .nautilus-window .sidebar-pane .top-bar headerbar { padding-top: 6px; padding-bottom: 6px; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, infobar { text-shadow: none; color: #F4F5F6; background-color: #101013; border-bottom: 1px solid black; box-shadow: none; } .info, .warning, .question, .error { text-shadow: none; color: #fefefe; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #fefefe; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(254, 254, 254, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(25, 26, 31, 0.98); color: #F4F5F6; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { color: #F4F5F6; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #191a1f; color: #F4F5F6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { background: rgba(25, 26, 31, 0.6); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(25, 26, 31, 0.5); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(25, 26, 31, 0.8); color: rgba(244, 245, 246, 0.5); box-shadow: none; } .info, .info:backdrop { color: #71f79f; background-color: transparent; } .warning, .warning:backdrop { color: #cc5500; background-color: transparent; } .question, .question:backdrop { color: #00c1e4; background-color: transparent; } .error, .error:backdrop { color: #e6133e; background-color: transparent; } levelbar.horizontal trough > block { min-height: 5px; border-radius: 5px; } levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } levelbar.vertical trough > block { min-width: 5px; border-radius: 5px; } levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } levelbar > trough { padding: 0; } levelbar > trough > block { border: 1px solid; } levelbar > trough > block.low { border-color: #cc5500; background-color: #cc5500; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #00c1e4; background-color: #00c1e4; } levelbar > trough > block.full { border-color: #0096b1; background-color: #0096b1; } levelbar > trough > block.empty { background-color: #30323b; border-color: #30323b; } /********* * Links * *********/ *:link, button:link, button:visited { color: #7cb7ff; } *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #98c6fe; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #e5f0fe; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #cbe2fe; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #0072ff; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #cbe2fe; } button:link, button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, button:visited > label { text-decoration-line: underline; } /********* * Lists * *********/ list, listview { color: #F4F5F6; background-color: #191a1f; border-color: black; } list:backdrop, listview:backdrop { background-color: #1b1c21; border-color: #020202; } list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { border-left: 1px solid black; } list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid black; } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(244, 245, 246, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(0, 114, 255, 0.5); } row.activatable:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } columnview > listview > row { padding: 0; } columnview > listview > row > cell { padding: 0px 6px; } columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell { border-left-color: black; } columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } treeexpander { border-spacing: 4px; } /******************************************************** * Data Tables * * treeview like tables with individual focusable cells * * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * ********************************************************/ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid black; } columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #0072ff; } columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(0, 114, 255, 0.6); color: transparent; } columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #0072ff; color: #F4F5F6; } /******************************************************* * Rich Lists * * Large list usually containing lots of widgets * * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * *******************************************************/ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } .rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } .rich-list > row > box { border-spacing: 12px; } /******************************************************** * Complex Lists * * Put padding on the cell content so event controllers * * can cover the whole area. * ********************************************************/ columnview.complex > listview > row > cell { padding: 0; } columnview.complex > listview > row > cell > * { padding: 8px 6px; } columnview.complex.data-table > listview > row > cell { padding: 0; } columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; } /********* * Menus * *********/ menubar, .menubar { background-color: #080809; color: #F4F5F6; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > item, .menubar > item { min-height: 16px; padding: 4px 8px; } menubar > item:hover, .menubar > item:hover { box-shadow: inset 0 -3px #0072ff; } menubar > item:disabled, .menubar > item:disabled { color: #828385; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #151519, #0b0b0d); border-radius: 5px; } .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #191a1e; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #0072ff; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #828385; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #33333d; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #828385; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } menu > arrow, .menu > arrow, .context-menu > arrow { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #17181d; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #2f3035; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #2f3035; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #2f3035; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #191a1e; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } 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: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } .csd.popup { background: transparent; } /******** * Misc * ********/ .content-view { background-color: black; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } .content-view:backdrop { background-color: black; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(244, 245, 246, 0.1); border-radius: 5px; } /************ * Assistant * *************/ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { background-color: #191a1f; border-top: 1px solid black; border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #1b1c21; border-color: #020202; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, assistant .sidebar label { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { background-color: #3e3e40; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; background-color: #0d0d10; } notebook > header:backdrop { border-color: #020202; background-color: #101013; } notebook > header tabs { margin: 0px; } notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; box-shadow: none; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } 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.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } 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.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 14px; min-width: 14px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header tab { min-height: 24px; min-width: 24px; padding: 1px 12px; outline-offset: -5px; color: #828385; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #bbbcbe; } notebook > header tab:hover.reorderable-page { border-color: rgba(0, 0, 0, 0.3); background-color: rgba(16, 16, 19, 0.2); } notebook > header tab:backdrop { color: #545557; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #F4F5F6; } notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(16, 16, 19, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(16, 16, 19, 0.7); } notebook > header tab:backdrop:checked { color: #828385; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #020202; background-color: #1b1c21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } notebook > header tab button.flat:hover { background: transparent; box-shadow: none; color: #ed254e; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; padding-right: 0px; } notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 0.5px; margin-right: 0.5px; } notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } notebook > header.top tab { padding-bottom: 3px; } notebook > header.bottom tab { padding-top: 3px; } notebook > header button { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { background-color: #191a1f; } notebook > stack:not(:only-child):backdrop { background-color: #1b1c21; } tabbar:backdrop .box > scrolledwindow, tabbar:backdrop .box > .start-action, tabbar:backdrop .box > .end-action { filter: opacity(1); } tabbar tabbox { background-color: #0d0d10; padding: 0px; color: #F4F5F6; } tabbar tabbox > tabboxchild { margin: 0 -3px; border-radius: 0; } tabbar tabbox > tab, tabbar tabbox > tabboxchild > tab { border-radius: 0; } tabbar tabbox > tab button.flat, tabbar tabbox > tabboxchild > tab button.flat { padding: 0; margin: 4px; min-width: 20px; min-height: 20px; border-radius: 10px; } tabbar tabbox > tab button.flat:hover, tabbar tabbox > tabboxchild > tab button.flat:hover { background-color: #ed254e; } tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, tabbar tabbox > tabboxchild > tab:checked, tabbar tabbox > tabboxchild > tab:selected { background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #121216 no-repeat; background-size: 100% 2px; border: 0; color: #F4F5F6; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(black); background-size: 1px 1px; } paned > separator:selected { background-image: image(#0072ff); } paned > separator:backdrop { background-image: image(#020202); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #101013; background-image: image(black), image(black); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #101013; background-image: image(#020202), image(#020202); } 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; } /************ * Pathbars * ************/ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .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: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /*************** * Popovers * ***************/ popover.background { background: transparent; font: initial; } popover.background > arrow, popover.background > contents { background: linear-gradient(to bottom, #151519, #0b0b0d); background-clip: padding-box; border: 1px solid black; box-shadow: 0 4px 6px black; color: #F4F5F6; } popover.background:backdrop { background-color: transparent; box-shadow: none; } popover.background > contents { padding: 8px; border-radius: 5px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; } popover.background > contents separator { background-color: #050506; margin: 3px; } popover.background > contents list separator { margin: 0; } .osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } magnifier { background-color: #191a1f; } /********************** * Popover Base Menus * **********************/ popover.menu { padding: 0; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background: image(#232329); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #232329; border-color: #232329; } popover.menu > arrow, popover.menu.background > contents { background: linear-gradient(to bottom, #151519, #0b0b0d); color: #F4F5F6; padding: 5px; } popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { background-color: transparent; } popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { margin: 0; } popover.menu.background separator { margin: 6px 0; } popover.menu accelerator { color: alpha(currentColor,0.55); } popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } popover.menu check:hover, popover.menu check:active, popover.menu radio:hover, popover.menu radio:active { background-color: transparent; } popover.menu radio { border-color: black; } popover.menu radio:active { border-color: rgba(0, 0, 0, 0.5); } popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { color: #fefefe; background-color: #232329; } popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { background-color: #3a3a45; } popover.menu label.title { font-weight: bold; padding: 4px 32px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(244, 245, 246, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 6px; } progressbar.horizontal progress { margin: 0; } progressbar.vertical progress { margin: 0; background: linear-gradient(to bottom, #03e9b1, #0014ff); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } progressbar.osd progress { border-style: none; border-radius: 0; } /************ * GtkScale * ************/ progressbar trough, scale trough, scale fill { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } progressbar trough:disabled, scale trough:disabled, scale fill:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } progressbar progress, scale highlight { border: none; background: linear-gradient(to right, #03e9b1, #0014ff); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background: linear-gradient(to right, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { border-color: #1a80ff; background-color: #1a80ff; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { min-height: 16px; min-width: 16px; padding: 8px; } scale.horizontal trough, scale.horizontal progress { min-height: 6px; } scale.vertical trough, scale.vertical progress { min-width: 6px; } scale.vertical highlight { background: linear-gradient(to bottom, #03e9b1, #0014ff); } scale.vertical highlight:disabled { background: linear-gradient(to bottom, rgba(3, 233, 177, 0.5), rgba(0, 20, 255, 0.5)); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; background-color: #191a1f; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { background-color: #0014ff; } scale slider:active:disabled { background-color: #141418; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } scale.fine-tune slider { margin: -6px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; } scale trough { outline-offset: 2px; outline-color: transparent; } scale fill:backdrop, scale fill { background-color: black; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(97, 97, 97, 0.775); } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-color: #191a1f; border: 2px solid #0014ff; border-radius: 12px; background-color: #101013; } scale slider:disabled { background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); border-color: rgba(0, 20, 255, 0.5); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; background-color: #1c1c21; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { border-color: #005bcc; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #070708; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); background-color: #070708; } .osd scale slider:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(7, 7, 8, 0.98), rgba(7, 7, 8, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #070708; } .osd scale slider:backdrop:disabled { background-color: #070708; } scale value { color: alpha(currentColor,0.4); } scale.horizontal > marks { color: alpha(currentColor,0.55); } scale.horizontal > marks.top { margin-bottom: 6px; } scale.horizontal > marks.bottom { margin-top: 6px; } scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } scale.horizontal > value.left { margin-right: 9px; } scale.horizontal > value.right { margin-left: 9px; } scale.horizontal.fine-tune > marks.top { margin-top: 3px; } scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } scale.horizontal.fine-tune > marks indicator { min-height: 3px; } scale.vertical > marks { color: alpha(currentColor,0.55); } scale.vertical > marks.top { margin-right: 6px; } scale.vertical > marks.bottom { margin-left: 6px; } scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } scale.vertical > value.top { margin-bottom: 9px; } scale.vertical > value.bottom { margin-top: 9px; } scale.vertical.fine-tune > marks.top { margin-left: 3px; } scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } scale.vertical.fine-tune > marks indicator { min-height: 3px; } scale.horizontal indicator { min-height: 6px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 3px; } scale.vertical indicator { min-height: 1px; min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } scale.horizontal.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:hover { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:active { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 15px; min-width: 15px; margin: -7px; border: 2px solid #0014ff; border-radius: 50%; background-color: #101013; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.color { min-height: 0; min-width: 0; } scale.color trough { background-image: image(black); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /************** * Scrollbars * **************/ scrollbar { background-color: #151519; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar.top { border-bottom: 1px solid black; } scrollbar.bottom { border-top: 1px solid black; } scrollbar.left { border-right: 1px solid black; } scrollbar.right { border-left: 1px solid black; } scrollbar:backdrop { background-color: #09090b; border-color: #020202; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #99999b; } scrollbar slider:hover { background-color: #c6c7c9; } scrollbar slider:hover:active { background-color: #338eff; } scrollbar slider:backdrop { background-color: #3e3e41; } 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) { border-color: transparent; opacity: 0.4; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #F4F5F6; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #F4F5F6; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #99999b; } scrollbar button:hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c6c7c9; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #338eff; } scrollbar button:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 153, 155, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3e41; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(62, 62, 65, 0.2); } 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"); } treeview ~ scrollbar.vertical { border-top: 1px solid black; margin-top: -1px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; border-width: 0; background-color: #151519; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid black; border-right-style: none; } .sidebar:backdrop { background-color: #16161a; border-color: #020202; } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #98abb2; } .sidebar row:selected { color: #fefefe; } .sidebar row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background: rgba(0, 114, 255, 0.6); } .sidebar row:selected:backdrop label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #0e0e11; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { background-color: #0072ff; color: #fefefe; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: black; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ placessidebar.sidebar, .nautilus-window .navigation-sidebar { background-color: transparent; background-image: linear-gradient(to right, #09090b 40px, #0e0e11 35px, #0e0e11 36px, #0e0e11 36px, #0e0e11 99%, #0e0e11 100%); } placessidebar.sidebar row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row { margin: 0; border-radius: 0; padding: 2px 11px; } placessidebar.sidebar row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row label { color: #F4F5F6; padding-left: 8px; } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; color: #F4F5F6; } placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); background-color: transparent; /*rgba(65,67,75,0.4); */ background-image: linear-gradient(to right, #1b232d 40px, #191a1f 40px, #191a1f 97%); } placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { background-color: transparent; background-image: linear-gradient(to right, #0072ff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { color: #0072ff; } placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { color: rgba(254, 254, 254, 0.5); background-color: transparent; background-image: linear-gradient(to right, rgba(0, 114, 255, 0.6) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:backdrop label, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop label { color: rgba(0, 114, 255, 0.6); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #f9dc5c; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } placessidebar.sidebar list, .nautilus-window .navigation-sidebar list { background-color: transparent; } placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { background-color: transparent; } .bottom-bar { background-color: #0e0e11; } .bottom-bar button { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .bottom-bar button .view, .bottom-bar button iconview { background-color: transparent; } /***************** * GtkSpinButton * *****************/ spinbutton { font-feature-settings: "tnum"; } spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dedfe1; background-image: none; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.3); border-radius: 0; box-shadow: none; background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #F4F5F6; background-color: #040405; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(130, 131, 133, 0.3); background-color: transparent; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 6px 6px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 6px 0 0 6px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #fefefe; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.98); -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #838383; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 6px 6px 0; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 6px 0 0 6px; } spinbutton.vertical:disabled { color: #828385; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } spinbutton.vertical > text > selection { background-color: rgba(0, 114, 255, 0.6); color: transparent; } spinbutton.vertical > text > selection:focus-within { color: #F4F5F6; } spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } .osd spinbutton.vertical > button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical > button:first-child:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } /*********** * Spinner * ***********/ menu spinner { color: #0072ff; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /********** * Switch * **********/ switch { font-size: 1px; min-width: 40px; min-height: 25px; background-size: 40px 24px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } switch:disabled { background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); } switch:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"), url("../assets/switch-slider-insensitive@2.png")); } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch:checked { background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); } switch:checked slider { background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("../assets/switch-on-insensitive.svg"), url("../assets/switch-on-insensitive.svg")); } switch:checked:disabled slider { background-image: -gtk-scaled(url("../assets/switch-slider-on-insensitive.svg"), url("../assets/switch-slider-on-insensitive@2.png")); } switch slider { min-width: 1px; min-height: 1px; background-repeat: no-repeat; background-position: left center; background-color: transparent; background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); } switch trough:active, switch trough:checked { background-color: #0072ff; } switch trough:active:backdrop, switch trough:checked:backdrop { background-color: rgba(0, 114, 255, 0.6); } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar > revealer > box { padding: 4px; background-color: #101013; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(7, 7, 8, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { margin: 0 7px 1px 6px; } toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin-right: 1px; margin-bottom: 1px; } .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } searchbar > revealer > box { border-width: 0 0 1px; padding: 5px; } .inline-toolbar, searchbar > revealer > box { border-style: solid; border-color: black; background-color: #0b0b0d; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { border-color: #020202; background-color: #0b0b0d; box-shadow: none; transition: 200ms ease-out; } searchbar { background: #191a1f; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 4px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: #020203; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } columnview.view, treeview.view { border-left-color: black; border-top-color: black; } columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: #ed254e; } columnview.view:disabled, treeview.view:disabled { color: #828385; } columnview.view:disabled:selected, treeview.view:disabled:selected { color: #66aaff; } columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: rgba(32, 132, 255, 0.85); } columnview.view.separator, treeview.view.separator { min-height: 2px; color: black; } columnview.view:backdrop, treeview.view:backdrop { border-left-color: #2e2f33; border-top: #2e2f33; } columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #005bcc; } columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b2b3b6; } columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } columnview.view.expander:hover, treeview.view.expander:hover { color: #F4F5F6; } columnview.view.expander:selected, treeview.view.expander:selected { color: #b2d4fe; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #fefefe; } columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view.progressbar, treeview.view.progressbar { border: 1px solid #005bcc; border-radius: 4px; background-color: #0072ff; background-image: linear-gradient(to bottom, #0072ff, #005bcc); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#191a1f); } columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #1b1c21; } columnview.view.trough, treeview.view.trough { background-color: rgba(244, 245, 246, 0.1); } columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #005bcc; } columnview.view > header > button, treeview.view > header > button { color: #bbbcc7; background-color: #191a1f; font-weight: bold; text-shadow: none; box-shadow: none; } columnview.view > header > button:hover, treeview.view > header > button:hover { color: #d8d9df; box-shadow: none; transition: none; } columnview.view > header > button:active, treeview.view > header > button:active { color: #F4F5F6; transition: none; } columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ed254e; background-image: none; background-color: #0072ff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191a1f; text-shadow: none; transition: none; } columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #0072ff; } columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: black; border-radius: 0; text-shadow: none; } columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #101013; background-image: none; } columnview.view > header > button:last-child:backdrop, treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } /********************** * Window Decorations * *********************/ window { border-width: 0px; } window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 4px 4px 0 0; } window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } window.csd.popup { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } window.csd.dialog.message { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } window.solid-csd { margin: 0; padding: 4px; border: solid 1px black; border-radius: 0; box-shadow: inset 0 0 0 4px black, inset 0 0 0 3px #080809, inset 0 1px rgba(244, 245, 246, 0.07); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px black, inset 0 0 0 3px #101013, inset 0 1px rgba(244, 245, 246, 0.07); } window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } window.popup { box-shadow: none; } window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { min-width: 20px; min-height: 20px; margin: 0; padding: 0 1px; background-position: center; background-repeat: no-repeat; background-size: 16px 16px; } windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols button.minimize:backdrop:hover { background-color: transparent; border: none; box-shadow: none; color: transparent; } windowcontrols button.close { background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } windowcontrols button.close:hover, windowcontrols button.close:active { background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } windowcontrols button.maximize { background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } windowcontrols button.maximize:hover, windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } windowcontrols button.minimize { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } windowcontrols button.minimize:hover, windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } windowcontrols button:backdrop { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, entry selection:focus, entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #0072ff; } row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, entry selection:focus, entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { color: #fefefe; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical > text selection:disabled, entry selection:disabled, row:disabled:selected { color: #7fb8ff; } row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical > text selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: rgba(254, 254, 254, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical > text selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { color: rgba(32, 132, 255, 0.85); } .monospace { font-family: Monospace; } /********************** * DE-Specific Styles * **********************/ /********* * Budgie * *********/ .budgie-container { background-color: transparent; } .budgie-container:backdrop { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { border: none; background: none; padding: 0; margin: 0; } .budgie-popover .container, .budgie-popover border, .budgie-popover list, .budgie-popover row { padding: 0; margin: 0; background: none; border: none; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; opacity: 1; min-width: 0; min-height: 0; } .budgie-popover, .budgie-popover.background { border-radius: 2px; padding: 0; background: #080809; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, .budgie-popover.background row:hover { background: none; } .budgie-popover > frame.container, .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { color: #F4F5F6; border: none; background: transparent; } .budgie-popover button:hover, .budgie-popover.background button:hover { color: #0072ff; } .budgie-popover > .container { padding: 2px; } .budgie-menu { color: #F4F5F6; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { -gtk-icon-filter: none; } .budgie-menu entry.search { border: none; background: none; padding: 5px 2px; border-bottom: 1px solid black; border-radius: 0; font-size: 120%; box-shadow: none; color: #F4F5F6; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-menu entry.search image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-menu .categories { border-width: 0; margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { border-right: 1px solid black; } .budgie-menu .categories:dir(rtl) { border-left: 1px solid black; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { background-color: rgba(244, 245, 246, 0.05); color: #F4F5F6; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { color: #fefefe; background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; border-color: black; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; border-radius: 0; box-shadow: none; background: yellow; } .budgie-menu button { border: none; background: transparent; } .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { color: rgba(244, 245, 246, 0.7); } button.budgie-menu-launcher { padding: 0 2px; color: white; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } button.budgie-menu-launcher:backdrop { color: white; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #0072ff; box-shadow: none; background-color: #17181d; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(244, 245, 246, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #0072ff; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } button.raven-trigger { padding-left: 2px; padding-right: 2px; color: white; box-shadow: none; } button.raven-trigger:hover { color: white; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #0072ff; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #0072ff; background-color: transparent; } .places-menu .container { padding: 0; } .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { background: rgba(244, 245, 246, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); } .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; border: none; padding: 3px; border-top: 1px solid mix(@theme_base_color, #000000, 0.35); box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); } .budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { color: #ed254e; } .budgie-panel:backdrop { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } .budgie-panel button.flat { background: transparent; border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; color: #0072ff; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; margin: 0; } .budgie-panel label { color: white; font-weight: 700; } .budgie-panel.transparent { background-color: rgba(0, 0, 0, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { border-top-color: transparent; } .left .budgie-panel.transparent { border-right-color: transparent; } .right .budgie-panel.transparent { border-left-color: transparent; } .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(244, 245, 246, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: #F4F5F6; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; background-clip: padding-box; } .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; background-color: transparent; } .budgie-panel button.flat.launcher { box-shadow: none; } .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #0072ff; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #0072ff; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #0072ff; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #0072ff; } .top .budgie-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } .raven { padding: 0; color: #F4F5F6; background: #080809; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; color: #F4F5F6; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; background-color: rgba(7, 7, 8, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { border-top-style: none; border-color: transparent; margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { color: #0067e6; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; color: #fefefe; background-color: rgba(230, 19, 62, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; color: #fefefe; background-color: rgba(237, 37, 78, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { color: #fefefe; background-color: rgba(239, 61, 97, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; border-radius: 0; } .raven .raven-header button:hover { color: #0072ff; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { color: #828385; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; padding: 3px; } .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .raven list { color: #F4F5F6; background-color: transparent; } .raven list:selected { background-color: rgba(0, 114, 255, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { background-color: rgba(36, 36, 41, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(0, 114, 255, 0.9); } .raven .raven-background { color: #F4F5F6; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { border-bottom-style: none; } .raven .powerstrip { background-color: transparent; border-top-color: transparent; } .raven .powerstrip button.image-button { border-radius: 50%; padding: 5px; min-width: 32px; min-height: 32px; margin-bottom: 3px; background: #c74ded; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { background: rgba(199, 77, 237, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #5433FF, #20BDFF, #A5FECB); } .raven .powerstrip button.image-button:first-child:hover { background: rgba(0, 114, 255, 0.85); } .raven .powerstrip button.image-button:first-child:active { background: #0072ff; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; color: #F4F5F6; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; color: #0069eb; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { color: #F4F5F6; border: none; border-radius: 0; background-color: transparent; } calendar.raven-calendar button, calendar.raven-calendar button:focus { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { color: #F4F5F6; background-color: transparent; } .raven-mpris { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; background-color: #191a1f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { background-color: #0072ff; } .raven-mpris button.image-button:active { background-color: #0067e6; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { margin-left: 4px; } .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { padding: 4px; margin-top: 6px; margin-bottom: 6px; } .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #0072ff; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #0067e6; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { background-color: #0067e6; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: #F4F5F6; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(244, 245, 246, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; color: #ed254e; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; color: #e6133e; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #F4F5F6; background-color: rgba(16, 16, 19, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { color: #F4F5F6; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; color: #F4F5F6; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { color: #F4F5F6; } .budgie-switcher-window flowboxchild:selected { color: #fefefe; background-color: rgba(0, 114, 255, 0.5); } .budgie-switcher-window flowboxchild:selected:active { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #0067e6; } .budgie-switcher-window flowboxchild:selected:disabled { color: rgba(254, 254, 254, 0.7); background-color: rgba(0, 114, 255, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { color: rgba(254, 254, 254, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #F4F5F6; background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(244, 245, 246, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; border-color: black; border-radius: 0; color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { font-weight: 700; } .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { border-left: none; border-bottom-left-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { background-color: rgba(0, 114, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(26, 128, 255, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(206, 17, 56, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; color: #F4F5F6; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { color: rgba(244, 245, 246, 0.7); } .budgie-polkit-dialog .failure { color: #ed254e; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; padding: 8px 5px; border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { color: #F4F5F6; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } .budgie-menubar menu { margin: 4px; padding: 5px; border-radius: 0; background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #0072ff; color: #fefefe; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-bottom: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(35, 35, 36, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(244, 245, 246, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar { border-style: none none solid; } .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } .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(24, 24, 27, 0.95); } .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.current-workspace { background-color: rgba(12, 12, 14, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; box-shadow: 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: 2px; } /************ * Nautilus * ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #0072ff; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #0072ff; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; background-color: rgba(18, 19, 22, 0.95); } .nautilus-window .sidebar .list-row button:active { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected { background-color: rgba(0, 114, 255, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window .sidebar .list-row:hover { background-color: rgba(25, 26, 31, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(0, 114, 255, 0.9); } .nautilus-window notebook > stack:only-child { background-color: #191a1f; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #1b1c21; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 10px; box-shadow: none; margin-top: 10px; margin-bottom: 10px; } .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop label, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #0072ff; box-shadow: none; border: none; } .nautilus-window #NautilusPathBar { background: transparent; margin-top: 7px; margin-bottom: 7px; } .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar .subtitle, .nautilus-window #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar .subtitle { color: transparent; margin-right: -5px; } .nautilus-window #NautilusPathBar button .horizontal .dim-label, .nautilus-window #NautilusPathBar button .horizontal label.separator, .nautilus-window #NautilusPathBar button .horizontal .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button .horizontal .subtitle, .nautilus-window #NautilusPathBar button .horizontal headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button .horizontal .subtitle { color: #F4F5F6; padding: 3px 12px; margin: 0; } .nautilus-window #NautilusPathBar button:hover, .nautilus-window #NautilusPathBar button:focus { background-color: transparent; box-shadow: none; } .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:focus .subtitle, .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { color: #0072ff; } .nautilus-window #NautilusPathBar button:active { background-color: transparent; } .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar button > .horizontal > image.subtitle, .titlebar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { padding: 3px 0px 3px 12px; border-right: none; margin-right: -6px; } .nautilus-window #NautilusPathBar button { background: transparent; border: none; margin: 0; padding: 0; } .nautilus-window #NautilusPathBar .current-dir label, .nautilus-window #NautilusPathBar .current-dir image { padding: 6px 12px; border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nautilus-window #NautilusPathBar .current-dir image { background: #00c6ff; } .nautilus-window #NautilusPathBar button.current-dir:only-child image { margin-right: -6px; padding: 0px 0px 0px 12px; border-radius: 23px 0px 0px 23px; } .nautilus-window #NautilusPathBar button.current-dir:only-child label { border-radius: 0px 23px 23px 0px; } .nautilus-window #NautilusQueryEditor { margin-top: 8px; margin-bottom: 8px; } .nautilus-window #NautilusQueryEditor #NautilusQueryEditorTag > button { margin: 0; } .nautilus-window #NautilusQueryEditor > menubutton > button { min-width: 16px; min-height: 16px; margin: 0; -gtk-icon-size: 12px; padding: 0 4px; } .nautilus-window #NautilusQueryEditor > text, .nautilus-window #NautilusQueryEditor > image { margin: 0; } .nautilus-circular-button { border-radius: 20px; } .disk-space-display { border: 2px solid; } .disk-space-display .unknown { background-color: #888a85; border-color: #555653; } .disk-space-display .used { background-color: #9FB0B9; border-color: #667f8c; } .disk-space-display .free { background-color: #D8D8D8; border-color: #a5a5a5; } .nautilus-desktop { color: #F4F5F6; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #fefefe; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: #F4F5F6; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* * Gedit * *********/ .gedit-search-slider { padding: 4px; border-radius: 0 0 3px 3px; border: 0; background-color: #101013; } /********* * Gnucash * *********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { border-color: #0072ff; } /******************* * Calendar events * ********************/ .color-light.timed label, .color-light .event-popover label { color: #F4F5F6; opacity: 1; } .color-light label { color: #101013; opacity: 1; } .xfce4-panel.panel { background-color: #191a1f; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0072ff; } .xfce4-panel.panel button.flat:not(.open_group) { color: white; border-radius: 0; border: none; background-color: rgba(25, 26, 31, 0); } .xfce4-panel.panel button.flat:hover:not(.open_group) { border: none; background-color: #30323b; } .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { color: #fefefe; border-bottom: 2px solid #0072ff; background-color: #25262d; } .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { color: inherit; } #whiskermenu-window button { background-color: transparent; border: none; border-radius: 0; font-weight: normal; padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { background-color: #0072ff; } /* thunar */ .thunar toolbar { background-color: #080809; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } scrolledwindow.sidebar treeview.view { background: #09090b; padding: 1.5px; } /* path-bar of thunar */ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar toolbar .path-bar-button { margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { color: #0072ff; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, .thunar toolbar .path-bar-button { background: none; outline: none; border: none; box-shadow: none; } /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #070708; } window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; border-radius: 0; box-shadow: none; } window.thunar toolbar#location-toolbar entry { border-radius: 10px; } /* Vala-appmenu-plugin*/ .-vala-panel-appmenu-core scrolledwindow, .-vala-panel-appmenu-private > menuitem, .-vala-panel-appmenu-private > menuitem:first-child > label { color: white; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #191a1f; background-color: #191a1f; } .gala-notification .title, .gala-notification .label { color: #F4F5F6; } .gala-button { padding: 3px; color: #191a1f; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: #F4F5F6; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; } .button.app .app:hover { border-radius: 8px; border: none; background-color: rgba(0, 114, 255, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: #F4F5F6; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(0, 114, 255, 0.3); color: #fefefe; } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: #F4F5F6; } /********* * Panel * ********/ .composited-indicator > revealer, .composited-indicator > revealer image, .composited-indicator > revealer label, .composited-indicator > revealer spinner { color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } .composited-indicator > revealer image:first-child + label { margin-left: 5px; } .panel.color-light .composited-indicator > revealer, .panel.color-light .composited-indicator > revealer image, .panel.color-light .composited-indicator > revealer label, .panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; } PantheonCalculatorMainWindow .window-frame { border-radius: 3px; } /********* * Cards * *********/ .deck { background-color: black; } .card { background-color: #191a1f; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { background-color: #0e0e11; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .action-bar { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .window-frame { border-radius: 3px; } /******** * Snap * ********/ SnapMainWindow .take-button, SnapSnapWindow .take-button { border-radius: 0; } /******************* * Photos/Shotwell * *******************/ DirectWindow .the-button-in-the-combobox, LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { background-color: #101013; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { background-color: #F4F5F6; } /********* * Avatar * *********/ .avatar { border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } /************ * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { background: linear-gradient(#30323b, #30323b); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #03e9b1, #0014ff); } /************************** * Colors in context menu * **************************/ checkbutton.color-button { border: 1px solid black; border-radius: 100px; background-clip: border-box; padding: 0; margin: 2px 1px; } checkbutton.color-button > check { -gtk-icon-source: none; background: none; margin-right: 0; padding: 2px; } checkbutton.color-button.none > check { background-color: transparent; border-radius: 100px; -gtk-icon-source: -gtk-icontheme("close-symbolic"); } radiobutton.color-button > radio { -gtk-icon-source: none; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px; background-clip: border-box; } radiobutton.color-button:active > radio { border: 1px solid rgba(0, 0, 0, 0.35); } .color-button check, .color-button check:checked, .color-button radio, .color-button radio:checked { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; color: #191a1f; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } .color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } .color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } .color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } .color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } .color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } .color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } .color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } .color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } .color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } .color-button.auto radio { background-image: url("assets/color-button-auto.png"); background-position: -1px -1px; background-repeat: no-repeat; background-size: calc(100% + 2px); } /******** * Unity * *********/ /* Unity window border color */ /* Unity window text color */ /* Backdrop Unity window text color */ /* Unity panel color #454D50 */ UnityDecoration { background-color: #eeeeee; color: #31363D; } UnityDecoration .top { padding: 0 5px 0 5px; border-radius: 4px 4px 0px 0px; box-shadow: none; border: 1px solid #eeeeee; border-bottom-width: 0; background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } UnityDecoration .top .menuitem:backdrop { color: #1a1d21; } UnityDecoration.left, UnityDecoration.right { background-repeat: repeat-x; background-color: #ececec; background-size: 1px 120px; background-clip: border-box; background-image: linear-gradient(to bottom, #eeeeee, #ececec); } UnityDecoration.bottom { background-size: 1px; background-repeat: repeat-x; background-color: #ececec; } UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-size: 1px; background-repeat: repeat-x; } /************** * Unity Panel * ***************/ UnityPanelWidget, .unity-panel { background-color: #d5d5d5; color: #31363D; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #1a1d21; } .unity-panel.menuitem, .unity-panel .menuitem { border-width: 0 1px; color: #31363D; } .unity-panel.menubar, .unity-panel .menubar { color: #31363D; } .unity-panel.menu.menubar, .unity-panel .menu .menubar { background-color: #d5d5d5; color: #31363D; } .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { color: #828385; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { padding: 3px 5px; border-width: 1px; border-style: solid; border: none; background: none; color: #31363D; box-shadow: none; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem:hover { border-radius: 0; background-color: #ebebeb; color: #31363D; box-shadow: none; } .unity-panel.menubar .menuitem *:hover { color: white; box-shadow: none; } .unity-panel.menubar .menuitem.separator, .unity-panel.menubar.menuitem.separator { border: none; color: black; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #191a1f; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #0072ff; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid black; } MsdOsdWindow.background.osd .progressbar { background-color: #0072ff; border: none; border-color: #0072ff; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(0, 0, 0, 0.98); border: none; border-radius: 5px; } /*********************** * App-Specific Styles * ***********************/ /********* * Geary * *********/ .geary-titlebar-left .separator, .geary-titlebar-right .separator { opacity: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #0072ff; color: #fefefe; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { background-color: rgba(0, 114, 255, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { color: #fefefe; border: 0px solid #005bcc; } /*********** * LightDm * ***********/ #panel_window { background-color: #191a1f; color: white; font-weight: bold; box-shadow: inset 0 -1px #09090b; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } #panel_window .menubar .menuitem:disabled, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } #panel_window .menubar .menuitem:disabled label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #F4F5F6; } #content_frame { padding-bottom: 14px; background-color: #101013; 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 { font-weight: normal; color: #F4F5F6; background-color: #212328; text-shadow: none; } #content_frame button:hover { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #191a1f; text-shadow: none; } #content_frame button:active, #content_frame button:checked { color: #F4F5F6; outline-color: rgba(244, 245, 246, 0.3); background-color: #0072ff; text-shadow: none; } #content_frame button:disabled { color: #c9cacb; outline-color: rgba(244, 245, 246, 0.3); background-color: #141418; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #080809; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; } #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(7, 7, 8, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(34, 35, 42, 0.98), rgba(34, 35, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(21, 21, 25, 0.98), rgba(21, 21, 25, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { color: #838383; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 32, 33, 0.5), rgba(32, 32, 33, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: #F4F5F6; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { background: rgba(7, 7, 8, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { background: #0072ff; } .nemo-window .sidebar { color: #98abb2; background-color: #0e0e11; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; color: #F4F5F6; border: 1px solid black; border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { background-color: #0072ff; color: #fefefe; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #080809; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 5px; margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; color: #0072ff; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { background-color: #151519; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { background: #101013; color: #F4F5F6; border-color: black; } .caja-notebook .entry:selected { background: #0072ff; color: #fefefe; } /************** * Caja sidebar * **************/ .caja-side-pane { background: #080809; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { background: #0e0e11; padding: 3px 2px; color: #98abb2; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { background-color: rgba(9, 9, 11, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { color: #fefefe; background: #0072ff; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #080809; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { background: #0072ff; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { color: #fefefe; } .caja-pathbar button { color: #8b8b8b; text-shadow: none; box-shadow: none; background: transparent; border: none; margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { color: #0072ff; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #00c6ff, #0072ff); box-shadow: 0px 0px 5px rgba(0, 198, 255, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { color: rgba(244, 245, 246, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; box-shadow: none; } /*# sourceMappingURL=gtk.css.map */ ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Sweet-Ambar-Blue-Dark Comment=Light and dark colorful Gtk3.20+ theme Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Sweet-Ambar-Blue-Dark MetacityTheme=Sweet-Ambar-Blue-Dark IconTheme=candy-icons ButtonLayout=:minimize,maximize,close ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/metacity-1/metacity-theme-1.xml ================================================ Sweet-Ambar-Blue-Dark Eliver Lara <eliverlara@gmail> ÂEliver Lara, 2019 2019 Sweet Dark window Theme </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> </draw_ops> <!-- WINDOW DECORATIONS --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_focused"> <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_fill_attached_focused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> <include name="titlebar_fill_attached_focused" /> </draw_ops> <draw_ops name="rounded_titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="rounded_border_focused"> <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="rounded_border_unfocused"> <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="border_right_focused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_right_unfocused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> </draw_ops> <draw_ops name="border_left_focused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_left_unfocused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> </draw_ops> <!-- BUTTON ICONS --> <!-- note: negative values in x or y causes gnome-shell to crash --> <!-- Close icon --> <draw_ops name="close_focused"> <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused"> <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Maximize icon --> <draw_ops name="maximize_focused"> <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unmaximize icon --> <draw_ops name="unmaximize_focused"> <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Minimize icon --> <draw_ops name="minimize_focused"> <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Menu icon --> <draw_ops name="menu_focused"> <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_pressed"> <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Shade icon --> <draw_ops name="shade_focused"> <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_pressed"> <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unshade icon --> <draw_ops name="unshade_focused"> <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_pressed"> <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- FRAME STYLES --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="borderless" geometry="borderless"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_focused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_unfocused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_right_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_right_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_left_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_left_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- FRAME STYLE SETS --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused" /> <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> <frame focus="yes" state="maximized" style="normal_max_focused" /> <frame focus="no" state="maximized" style="normal_max_unfocused" /> <frame focus="yes" state="shaded" style="normal_focused" /> <frame focus="no" state="shaded" style="normal_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="dialog_focused" /> <frame focus="no" state="shaded" style="dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="modal_dialog_focused" /> <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused" /> <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="utility_focused" /> <frame focus="no" state="shaded" style="utility_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused" /> <frame focus="no" state="normal" resize="both" style="border_unfocused" /> <frame focus="yes" state="maximized" style="borderless" /> <frame focus="no" state="maximized" style="borderless" /> <frame focus="yes" state="shaded" style="blank" /> <frame focus="no" state="shaded" style="blank" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <!-- WINDOWS --> <window type="normal" style_set="normal_style_set" /> <window type="dialog" style_set="dialog_style_set" /> <window type="modal_dialog" style_set="modal_dialog_style_set" /> <window type="menu" style_set="utility_style_set" /> <window type="utility" style_set="utility_style_set" /> <window type="border" style_set="border_style_set" /> </metacity_theme> ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/metacity-1/metacity-theme-2.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Sweet-Ambar-Blue-Dark</name> <author>Eliver Lara <eliverlara@gmail></author> <copyright>ÂEliver Lara, 2019</copyright> <date>2019</date> <description>Sweet Dark window Theme</description> </info> <!-- CONSTANTS --> <constant name="C_titlebar" value="#0c0e14" /> <constant name="C_titlebar_unfocused" value="#0c0e14" /> <constant name="C_border_focused" value="#0c0e14" /> <constant name="C_border_unfocused" value="#0c0e14" /> <constant name="C_title_focused" value="#d8dee9" /> <constant name="C_title_unfocused" value="#93979f" /> <constant name="C_wm_button_background" value="#fc2" /> <constant name="C_wm_button_foreground" value="#283141" /> <constant name="C_wm_button_unfocused" value="#e6e8eb" /> <constant name="C_close_button" value="#283141" /> <constant name="C_maximize_button" value="#283141" /> <constant name="C_restore_button" value="#283141" /> <constant name="C_minimize_button" value="#283141" /> <!-- GEOMETRY --> <!-- Focused window --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="3" /> <distance name="left_titlebar_edge" value="5" /> <distance name="right_titlebar_edge" value="5" /> <distance name="title_vertical_pad" value="4" /> <aspect_ratio name="button" value="1.0" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Unfocused window --> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Maximized window --> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Left tiled window --> <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="right_width" value="0" /> </frame_geometry> <!-- Right tiled window --> <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="left_width" value="0" /> </frame_geometry> <!-- Small window --> <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Small unfocused window --> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> </frame_geometry> <!-- No buttons --> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <!-- Border --> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="1" /> <distance name="title_vertical_pad" value="1" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <!-- Borderless --> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="0" right="0" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Modal --> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="title_vertical_pad" value="8"/> <distance name="bottom_height" value="1"/> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> </frame_geometry> <!-- TITLES --> <!-- Title alignment --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> </draw_ops> <!-- WINDOW DECORATIONS --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_focused"> <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_fill_attached_focused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> <include name="titlebar_fill_attached_focused" /> </draw_ops> <draw_ops name="rounded_titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="rounded_border_focused"> <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="rounded_border_unfocused"> <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="border_right_focused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_right_unfocused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> </draw_ops> <draw_ops name="border_left_focused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_left_unfocused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> </draw_ops> <!-- BUTTON ICONS --> <!-- note: negative values in x or y causes gnome-shell to crash --> <!-- Close icon --> <draw_ops name="close_focused"> <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused"> <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Maximize icon --> <draw_ops name="maximize_focused"> <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unmaximize icon --> <draw_ops name="unmaximize_focused"> <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Minimize icon --> <draw_ops name="minimize_focused"> <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Menu icon --> <draw_ops name="menu_focused"> <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_pressed"> <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Shade icon --> <draw_ops name="shade_focused"> <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_pressed"> <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unshade icon --> <draw_ops name="unshade_focused"> <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_pressed"> <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- FRAME STYLES --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="borderless" geometry="borderless"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_focused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_unfocused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_right_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_right_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_left_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_left_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- FRAME STYLE SETS --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused" /> <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> <frame focus="yes" state="maximized" style="normal_max_focused" /> <frame focus="no" state="maximized" style="normal_max_unfocused" /> <frame focus="yes" state="shaded" style="normal_focused" /> <frame focus="no" state="shaded" style="normal_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="dialog_focused" /> <frame focus="no" state="shaded" style="dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="modal_dialog_focused" /> <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused" /> <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="utility_focused" /> <frame focus="no" state="shaded" style="utility_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused" /> <frame focus="no" state="normal" resize="both" style="border_unfocused" /> <frame focus="yes" state="maximized" style="borderless" /> <frame focus="no" state="maximized" style="borderless" /> <frame focus="yes" state="shaded" style="blank" /> <frame focus="no" state="shaded" style="blank" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <!-- WINDOWS --> <window type="normal" style_set="normal_style_set" /> <window type="dialog" style_set="dialog_style_set" /> <window type="modal_dialog" style_set="modal_dialog_style_set" /> <window type="menu" style_set="utility_style_set" /> <window type="utility" style_set="utility_style_set" /> <window type="border" style_set="border_style_set" /> </metacity_theme> ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/metacity-1/metacity-theme-3.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Sweet-Ambar-Blue-Dark</name> <author>Eliver Lara <eliverlara@gmail></author> <copyright>ÂEliver Lara, 2019</copyright> <date>2019</date> <description>Sweet Dark window Theme</description> </info> <!-- CONSTANTS --> <constant name="C_titlebar" value="#0c0e14" /> <constant name="C_titlebar_unfocused" value="#0c0e14" /> <constant name="C_border_focused" value="#0c0e14" /> <constant name="C_border_unfocused" value="#0c0e14" /> <constant name="C_title_focused" value="#d8dee9" /> <constant name="C_title_unfocused" value="#93979f" /> <constant name="C_wm_button_background" value="#fc2" /> <constant name="C_wm_button_foreground" value="#283141" /> <constant name="C_wm_button_unfocused" value="#e6e8eb" /> <constant name="C_close_button" value="#283141" /> <constant name="C_maximize_button" value="#283141" /> <constant name="C_restore_button" value="#283141" /> <constant name="C_minimize_button" value="#283141" /> <!-- GEOMETRY --> <!-- Focused window --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="5" /> <distance name="right_titlebar_edge" value="5" /> <distance name="title_vertical_pad" value="4" /> <aspect_ratio name="button" value="1.0" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Unfocused window --> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Maximized window --> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Left tiled window --> <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="right_width" value="0" /> </frame_geometry> <!-- Right tiled window --> <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="left_width" value="0" /> </frame_geometry> <!-- Small window --> <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Small unfocused window --> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> </frame_geometry> <!-- No buttons --> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <!-- Border --> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="1" /> <distance name="title_vertical_pad" value="1" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <!-- Borderless --> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="0" right="0" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Modal --> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="title_vertical_pad" value="8"/> <distance name="bottom_height" value="1"/> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> </frame_geometry> <!-- TITLES --> <!-- Title alignment --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> </draw_ops> <!-- WINDOW DECORATIONS --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_focused"> <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_fill_attached_focused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> <include name="titlebar_fill_attached_focused" /> </draw_ops> <draw_ops name="rounded_titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="rounded_border_focused"> <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="rounded_border_unfocused"> <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="border_right_focused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_right_unfocused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> </draw_ops> <draw_ops name="border_left_focused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_left_unfocused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> </draw_ops> <!-- BUTTON ICONS --> <!-- note: negative values in x or y causes gnome-shell to crash --> <!-- Close icon --> <draw_ops name="close_focused"> <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused"> <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Maximize icon --> <draw_ops name="maximize_focused"> <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unmaximize icon --> <draw_ops name="unmaximize_focused"> <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Minimize icon --> <draw_ops name="minimize_focused"> <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Menu icon --> <draw_ops name="menu_focused"> <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_pressed"> <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Shade icon --> <draw_ops name="shade_focused"> <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_pressed"> <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unshade icon --> <draw_ops name="unshade_focused"> <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_pressed"> <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- FRAME STYLES --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="borderless" geometry="borderless"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_focused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_unfocused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_right_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_right_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_left_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_left_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- FRAME STYLE SETS --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused" /> <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> <frame focus="yes" state="maximized" style="normal_max_focused" /> <frame focus="no" state="maximized" style="normal_max_unfocused" /> <frame focus="yes" state="shaded" style="normal_focused" /> <frame focus="no" state="shaded" style="normal_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="dialog_focused" /> <frame focus="no" state="shaded" style="dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="modal_dialog_focused" /> <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused" /> <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="utility_focused" /> <frame focus="no" state="shaded" style="utility_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused" /> <frame focus="no" state="normal" resize="both" style="border_unfocused" /> <frame focus="yes" state="maximized" style="borderless" /> <frame focus="no" state="maximized" style="borderless" /> <frame focus="yes" state="shaded" style="blank" /> <frame focus="no" state="shaded" style="blank" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <!-- WINDOWS --> <window type="normal" style_set="normal_style_set" /> <window type="dialog" style_set="dialog_style_set" /> <window type="modal_dialog" style_set="modal_dialog_style_set" /> <window type="menu" style_set="utility_style_set" /> <window type="utility" style_set="utility_style_set" /> <window type="border" style_set="border_style_set" /> </metacity_theme> ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/metacity-1/metacity-theme.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Sweet-Ambar-Blue-Dark</name> <author>Eliver Lara <eliverlara@gmail></author> <copyright>ÂEliver Lara, 2019</copyright> <date>2019</date> <description>Sweet Dark window Theme</description> </info> <!-- CONSTANTS --> <constant name="C_titlebar" value="#0c0e14" /> <constant name="C_titlebar_unfocused" value="#0c0e14" /> <constant name="C_border_focused" value="#0c0e14" /> <constant name="C_border_unfocused" value="#0c0e14" /> <constant name="C_title_focused" value="#d8dee9" /> <constant name="C_title_unfocused" value="#93979f" /> <constant name="C_wm_button_background" value="#fc2" /> <constant name="C_wm_button_foreground" value="#283141" /> <constant name="C_wm_button_unfocused" value="#e6e8eb" /> <constant name="C_close_button" value="#283141" /> <constant name="C_maximize_button" value="#283141" /> <constant name="C_restore_button" value="#283141" /> <constant name="C_minimize_button" value="#283141" /> <!-- GEOMETRY --> <!-- Focused window --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="3" /> <distance name="left_titlebar_edge" value="5" /> <distance name="right_titlebar_edge" value="5" /> <distance name="title_vertical_pad" value="4" /> <aspect_ratio name="button" value="1.0" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Unfocused window --> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Maximized window --> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="4" bottom="4" /> <border name="button_border" left="0" right="0" top="4" bottom="4" /> </frame_geometry> <!-- Left tiled window --> <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="right_width" value="0" /> </frame_geometry> <!-- Right tiled window --> <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> <distance name="left_width" value="0" /> </frame_geometry> <!-- Small window --> <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="title_vertical_pad" value="4" /> <border name="title_border" left="4" right="4" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Small unfocused window --> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="5"/> <distance name="right_titlebar_edge" value="5"/> </frame_geometry> <!-- No buttons --> <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> </frame_geometry> <!-- Border --> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="1" /> <distance name="title_vertical_pad" value="1" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0"/> </frame_geometry> <!-- Borderless --> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="0" right="0" top="0" bottom="0" /> <border name="button_border" left="0" right="0" top="0" bottom="0" /> </frame_geometry> <!-- Modal --> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> <distance name="title_vertical_pad" value="8"/> <distance name="bottom_height" value="1"/> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> </frame_geometry> <!-- TITLES --> <!-- Title alignment --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" /> </draw_ops> <!-- WINDOW DECORATIONS --> <draw_ops name="entire_background_focused"> <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_focused"> <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_fill_attached_focused"> <include name="entire_background_focused" /> </draw_ops> <draw_ops name="titlebar_fill_unfocused"> <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> <include name="titlebar_fill_attached_focused" /> </draw_ops> <draw_ops name="rounded_titlebar_focused"> <include name="titlebar_fill_focused" /> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> </draw_ops> <draw_ops name="rounded_border_focused"> <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="rounded_border_unfocused"> <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> <!-- double arcs for darker borders --> <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> </draw_ops> <draw_ops name="border_right_focused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_right_unfocused"> <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" /> </draw_ops> <draw_ops name="border_left_focused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" /> </draw_ops> <draw_ops name="border_left_unfocused"> <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" /> </draw_ops> <!-- BUTTON ICONS --> <!-- note: negative values in x or y causes gnome-shell to crash --> <!-- Close icon --> <draw_ops name="close_focused"> <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused"> <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Maximize icon --> <draw_ops name="maximize_focused"> <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unmaximize icon --> <draw_ops name="unmaximize_focused"> <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_prelight"> <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_focused_pressed"> <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused"> <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_prelight"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unmaximize_unfocused_pressed"> <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Minimize icon --> <draw_ops name="minimize_focused"> <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Menu icon --> <draw_ops name="menu_focused"> <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_prelight"> <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_focused_pressed"> <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused"> <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_prelight"> <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="menu_unfocused_pressed"> <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Shade icon --> <draw_ops name="shade_focused"> <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_prelight"> <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_focused_pressed"> <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused"> <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_prelight"> <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="shade_unfocused_pressed"> <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- Unshade icon --> <draw_ops name="unshade_focused"> <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_prelight"> <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_focused_pressed"> <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused"> <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_prelight"> <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <draw_ops name="unshade_unfocused_pressed"> <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> </draw_ops> <!-- FRAME STYLES --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="rounded_border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="rounded_border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="borderless" geometry="borderless"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_focused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_unfocused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_attached_focused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_right_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_right_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_fill_focused" /> <piece position="title" draw_ops="title_focused" /> <piece position="overlay" draw_ops="border_left_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_focused" /> <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <piece position="overlay" draw_ops="border_left_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused" /> <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="prelight"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="prelight"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- FRAME STYLE SETS --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused" /> <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> <frame focus="yes" state="maximized" style="normal_max_focused" /> <frame focus="no" state="maximized" style="normal_max_unfocused" /> <frame focus="yes" state="shaded" style="normal_focused" /> <frame focus="no" state="shaded" style="normal_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="dialog_focused" /> <frame focus="no" state="shaded" style="dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="modal_dialog_focused" /> <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused" /> <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> <frame focus="yes" state="maximized" style="blank" /> <frame focus="no" state="maximized" style="blank" /> <frame focus="yes" state="shaded" style="utility_focused" /> <frame focus="no" state="shaded" style="utility_unfocused" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused" /> <frame focus="no" state="normal" resize="both" style="border_unfocused" /> <frame focus="yes" state="maximized" style="borderless" /> <frame focus="no" state="maximized" style="borderless" /> <frame focus="yes" state="shaded" style="blank" /> <frame focus="no" state="shaded" style="blank" /> <frame focus="yes" state="maximized_and_shaded" style="blank" /> <frame focus="no" state="maximized_and_shaded" style="blank" /> </frame_style_set> <!-- WINDOWS --> <window type="normal" style_set="normal_style_set" /> <window type="dialog" style_set="dialog_style_set" /> <window type="modal_dialog" style_set="modal_dialog_style_set" /> <window type="menu" style_set="utility_style_set" /> <window type="utility" style_set="utility_style_set" /> <window type="border" style_set="border_style_set" /> </metacity_theme> ================================================ FILE: .themes/Sweet-Ambar-Blue-Dark-v40/xfwm4/themerc ================================================ #button_layout=O|HMC button_offset=2 button_spacing=-1 full_width_title=true title_horizontal_offset=0 title_vertical_offset_active=1 title_vertical_offset_inactive=1 title_shadow_active=false title_shadow_inactive=false active_text_color=#929ba8 active_text_shadow_color=#929ba8 inactive_text_color=#778085 inactive_text_shadow_color=#778085 shadow_delta_height=2 shadow_delta_width=0 shadow_delta_x=0 shadow_delta_y=-4 shadow_opacity=46 show_popup_shadow=true show_app_icon=true ================================================ FILE: .zshrc ================================================ HISTFILE=~/.histfile HISTSIZE=1000 SAVEHIST=1000 bindkey -e zstyle :compinstall filename '~/.zshrc' clear && fastfetch autoload -Uz compinit compinit # Alias alias calculator='quich' alias c='quich' alias calc='quich' alias ff='clear && fastfetch' alias uninstall='yay -Rns' alias update='yay --noconfirm' alias fucking='sudo' alias home='cd ~' # source ~/.oh-my-zsh/plugins/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh # source ~/.oh-my-zsh/plugins/zsh-autosuggestions/zsh-autosuggestions.zsh eval "$(starship init zsh)" ================================================ FILE: Keybinds cheat sheet ================================================ Meta + Enter = Terminal Meta + Q = kill active window Meta + M = Wlogout Meta + E = Open file manager Meta + V = Toggle floating Meta + R = Open menu Meta + P = Pseudo Meta + J = Split windows Meta + F = Fullscreen Meta + L = Hyprlock Meta + W = Waypaper Meta SHIFT + W = Waypaper (Random Wallpaper) Meta + B = Firefox Meta + I = Reload waybar printscreen = Screenshot Display to clipboard Meta + Printscreen = Screenshot a region to clipboard ================================================ FILE: README.md ================================================ # Pilk's dotfiles These are my current dotfiles. A very clean look for hyprland. As well as my first ever rice 🤓 Most of these original config files were made by other [people](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#original-work) in the community and then alterted by me. A lot of the heavy work was made by [Stephan Raabe](https://github.com/mylinuxforwork) (ML4W) who made the inital dotfiles I edited. Also a big thanks to [Ksawlii](https://github.com/Ksawlii) and [Thomas Brugman](https://github.com/Githubguy132010) for making the installation scripts! 💙 > [!NOTE] > I no longer use hyprland, so if you find any issues with these dotfiles try resolving them yourself and/or make a pull request. ### Contents - [Automatic Installation for Arch](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#installationforarch) - [Automatic Installation for Gentoo](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#installationforgentoo) - [Manual Installation](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#manual-installation) - [Extra configuration](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#extra-configuration) - [Original work](https://github.com/PilkDrinker/PilkDots?tab=readme-ov-file#original-work) ## Screenshots Default ### ![alt text](https://github.com/PilkDrinker/PilkDots/blob/master/screenshots/Sreenshot3.png) With Borders ### ![alt text](https://github.com/PilkDrinker/dotfiles/blob/master/screenshots/Screenshot1.png) ### ![alt text](https://github.com/PilkDrinker/dotfiles/blob/master/screenshots/sc2.gif) ### ![alt text](https://github.com/PilkDrinker/dotfiles/blob/master/screenshots/sc1.gif) # Installation for Arch and Gentoo To run the installation script for Arch and Gentoo, copy and paste these commands in your terminal: ``` git clone https://github.com/PilkDrinker/PilkDots cd PilkDots ./install.sh ``` Huge thanks to [Ksawlii](https://github.com/Ksawlii) and [Thomas Brugman](https://github.com/Githubguy132010) for making these installtion scripts! <3 > [!NOTE] > This installation script is currently limited to Gentoo and Arch (and derivatives of Arch), and is not 100% done. Some features may need to be configured manually. > [!WARNING] > Do not run `yay` or `paru` as root. Running these AUR helpers as root can cause permanent damage to your system. Always run them as a regular user. # Manual Installation 1. Install the dependencies with your preffered AUR helper: For yay: ``` yay -S hyprland wlogout waypaper waybar swww rofi-wayland swaync nemo kitty pavucontrol gtk3 gtk2 xcur2png gsettings nwg-look fastfetch zsh oh-my-zsh-git hyprshot networkmanager networkmanager-qt nm-connection-editor ttf-firacode-nerd nerd-fonts-jetbrains-mono ``` For paru: ``` paru -S hyprland wlogout waypaper waybar swww rofi-wayland swaync nemo kitty pavucontrol gtk3 gtk2 xcur2png gsettings nwg-look fastfetch zsh oh-my-zsh-git hyprshot networkmanager networkmanager-qt nm-connection-editor ttf-firacode-nerd nerd-fonts-jetbrains-mono ``` 2. Clone the repository with: ``` git clone https://github.com/PilkDrinker/PilkDots.git ``` 3. Move the .config, .themes, and wallpaper into your home directory with: ``` sudo mv .config .themes wallpaper /home/YOURUSERNAMEHERE ``` 4. Install the listed fonts. (You can find them in the ```Required Fonts``` file.) 5. Set up zsh (Optional) 6. Change your GTK theme and icons (Using GTK-look/nwg-look or the terminal) ## Extra configuration There is a few optional configurations and alts in the .config directory (waybar borders etc.) Feel free to alter whatever you want to make it your own style. 🥰 You can also changed your desired Wallpaper directory in .config/waypaper/config.ini For the Theme to work in certain GTK apps, you might need to add the theme's assets diretory to ~/.config/assets ## Original work Here's a list of the people who's original work I've altered (There might have been more, but I can't remember) - [Stephan Raabe's ML4W](https://github.com/mylinuxforwork) - [LireB's Fastfetch](https://github.com/LierB/fastfetch) - [Newmals' Rofi themes](https://github.com/newmanls/rofi-themes-collection) - [EliverLara's Sweet Themes](https://github.com/EliverLara/Sweet) ================================================ FILE: Required Fonts ================================================ ## Required Fonts Fira Sans Semibold Font Awesome 6 Free FontAwesome DroidSansMono DroidSansMNerdFont Material Symbols Outlined ================================================ FILE: dependencies ================================================ hyprland wlogout waypaper waybar swww rofi swaync nemo kitty pavucontrol gtk3 gtk2 xcur2png gsettings nwg-look fastfetch zsh oh-my-zsh-git hyprshot networkmanager networkmanager-qt nm-connection-editor ================================================ FILE: gentoo/package.use/gtk-layer-shell ================================================ gui-libs/gtk-layer-shell introspection vala ================================================ FILE: gentoo/packages.accept_idontremeber/app-misc ================================================ app-misc/nwg-look ~amd64 ================================================ FILE: gentoo/packages.accept_idontremeber/dev-python ================================================ dev-python/pipx ~amd64 dev-python/moddb ~amd64 dev-python/userpath ~amd64 dev-python/pypresence ~amd64 ================================================ FILE: gentoo/packages.accept_idontremeber/gui-apps ================================================ gui-apps/hyprshot ~amd64 gui-apps/swaync ~amd64 gui-apps/swww ~amd64 gui-apps/wlogout ~amd64 ================================================ FILE: gentoo/packages.accept_idontremeber/x11-apps ================================================ x11-apps/xcur2png ~amd64 ================================================ FILE: gentoo/waypaper/waypaper.desktop ================================================ [Desktop Entry] Encoding=UTF-8 Type=Application Exec=waypaper Name=Waypaper Icon=waypaper Terminal=false GenericName=Waypaper wallpaper setter Categories=Utility;GTK;DesktopSettings; Comment=Change wallpaper on Wayland and X11 ================================================ FILE: install.sh ================================================ #!/bin/bash set -e # Configs if [ "$EUID" -eq 0 ]; then echo "This script should not be run as root. Please run it as a regular user." exit 1 fi SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" if [ -f "/etc/doas.conf" ]; then export ROOT="doas" elif [ -f "/usr/bin/sudo" ]; then export ROOT="sudo" else echo "Doas and sudo not found. Install doas or sudo!" exit 1 fi # Commands ask_ny() { while true; do read -p "$1 (y/n): " ny case $ny in [Yy]* ) return 0;; [Nn]* ) return 1;; * ) echo "Please answer y or n.";; esac done } ask_choice() { local prompt="$1" local options="$2" local choice while true; do read -p "$prompt " choice if [[ $options == *"$choice"* ]]; then echo "$choice" return else echo "Invalid choice. Please try again." fi done } copy_with_backup() { local src=$1 local dest=$2 if [ -e "$dest" ]; then echo "Backing up existing $(basename "$dest") to $BACKUP_DIR" mv "$dest" "$BACKUP_DIR" fi cp -rf "$src" "$dest" } # Main selection of distro choice=$(ask_choice "Which distro do you have?: (1) Arch Linux, (2) Gentoo Linux" "1 2") case $choice in 1) echo "" # Enable multilib if not already enabled if ! grep -q '^\[multilib\]' /etc/pacman.conf; then echo "Enabling multilib repository..." echo -e "\n[multilib]\nInclude = /etc/pacman.d/mirrorlist" | "$ROOT" tee -a /etc/pacman.conf "$ROOT" pacman -Syu else echo "Multilib repository is already enabled." sleep 2 fi if [ ! -f "/usr/bin/yay" ]; then echo "" echo "Yay not installed. Installing yay (AUR helper)..." "$ROOT" pacman -Syu --needed base-devel git git clone "https://aur.archlinux.org/yay.git" "$HOME/.yay" cd "$HOME/.yay" makepkg -si rm -rf "$HOME/.yay" fi echo "" if ask_ny "Do you want to install dependencies (very recommended)?"; then yay -Syu --noconfirm --needed \ hyprland hyprgrass waybar rofi python-pipx alacritty xdg-desktop-portal \ gtk2 gtk3 nwg-look fastfetch zsh grim satty xdg-desktop-portal-gtk swaybg ttf-firacode-nerd \ xcur2png gsettings-qt slurp wlogout thunar neovim wl-clipboard xdg-desktop-portal-wlr nerd-fonts-jetbrains-mono \ else echo "Skipping dependency installation..." fi ;; 2) # Dependencies echo "" if ask_ny "Do you want to install dependencies (very recommended)?"; then "$ROOT" emerge -navq eselect-repository "$ROOT" eselect repository enable librewolf kzd guru steam-overlay "$ROOT" emerge --sync "$ROOT" cp -rf ./gentoo/package.accept_keywords/ /etc/portage/ "$ROOT" cp -rf ./gentoo/package.use/ /etc/portage/ "$ROOT" emerge -navq \ hyprland wlogout waybar rofi neovim xdg-desktop-portal swaybg \ dev-python/pipx thunar alacritty dev-perl/Gtk2 wl-clipboard swaylock \ dev-perl/Gtk3 xcur2png nwg-look fastfetch zsh grim slurp satty wlroots xdg-desktop-portal-gtk xdg-desktop-portal-wlr \ else echo "Skipping dependency installation..." fi ;; *) echo "Invalid choice. Please try again." ;; esac # Oh My Zsh echo "" if [ ! -d "$HOME/.oh-my-zsh/" ]; then echo "Oh My Zsh Not found. Installing..." sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" fi # Copying files echo "" echo "Copying dotfiles files..." sleep 1 BACKUP_DIR="$HOME/backup_$(date +%Y%m%d_%H%M%S)" [ ! -d "$BACKUP_DIR" ] && mkdir -p "$BACKUP_DIR" [ ! -d "$HOME/.config" ] && mkdir -p "$HOME/.config" [ ! -d "$HOME/.themes" ] && mkdir -p "$HOME/.themes" [ ! -d "$HOME/wallpaper" ] && mkdir -p "$HOME/wallpaper" echo "Backing up existing configurations to $BACKUP_DIR" copy_with_backup "$SCRIPT_DIR/.config/" "$HOME/.config/" copy_with_backup "$SCRIPT_DIR/.zshrc" "$HOME/.zshrc" copy_with_backup "$SCRIPT_DIR/wallpaper" "$HOME/wallpaper" copy_with_backup "$SCRIPT_DIR/.themes/" "$HOME/.themes/" sleep 1 # Nerd Fonts echo "" if [ ! -d "$HOME/nerd-fonts/" ]; then if ask_ny "Do you want Nerd Fonts (Recommended) (8GB)?"; then git clone -j$(nproc --all) --depth=1 "https://github.com/ryanoasis/nerd-fonts.git" "$HOME/nerd-fonts" cd "$HOME/nerd-fonts/" ./install.sh wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Regular.ttf wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold.ttf wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Italic.ttf wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold%20Italic.ttf mv MesloLGS\ NF\ * "$HOME/.local/share/fonts/NerdFonts/" rm -rf "$HOME/nerd-fonts" else echo "Skipping Nerd Fonts installation..." fi fi sleep 1 echo "Done!" ================================================ FILE: optional ================================================ quich btop cava